نوار پیشرفت 


<div class="row">
  <!-- Frist box -->
  <div class="col-lg-6 col-xl-3">
    <div class="card card-default">
      <div class="card-header">
        <h2>890</h2>
        <p class="flex-basis-100 text-dark">کاربران جدید</p>
      </div>
      <div class="card-body">
        <div class="progress progress-sm rounded-0 mb-1">
          <div class="progress-bar bg-secondary" role="progressbar" style="width: 80%" aria-valuenow="80"
            aria-valuemin="0" aria-valuemax="100"></div>
        </div>
        <div class="d-flex justify-content-between">
          <span class="text-dark text-capitalize">کاربر به هدف رسید</span>
          <span class="text-dark text-capitalize">80%</span>
        </div>
      </div>
    </div>
  </div>

  <!-- Second box -->
  <div class="col-lg-6 col-xl-3">
    <div class="card card-default">
      <div class="card-header">
        <h2>350</h2>
        <p class="flex-basis-100 text-dark">سفارشات</p>
      </div>
      <div class="card-body">
        <div class="progress progress-sm rounded-0 mb-1">
          <div class="progress-bar bg-success" role="progressbar" style="width: 70%" aria-valuenow="70"
            aria-valuemin="0" aria-valuemax="100"></div>
        </div>
        <div class="d-flex justify-content-between">
          <span class="text-dark text-capitalize">سفارشات</span>
          <span class="text-dark text-capitalize">70%</span>
        </div>
      </div>
    </div>
  </div>

  <!-- Third box -->
  <div class="col-lg-6 col-xl-3">
    <div class="card card-default">
      <div class="card-header">
        <h2>1360</h2>
        <p class="flex-basis-100 text-dark">کل خرید</p>
      </div>
      <div class="card-body">
        <div class="progress progress-sm rounded-0 mb-1">
          <div class="progress-bar bg-primary" role="progressbar" style="width: 60%" aria-valuenow="60"
            aria-valuemin="0" aria-valuemax="100"></div>
        </div>
        <div class="d-flex justify-content-between">
          <span class="text-dark text-capitalize">فروش امسال</span>
          <span class="text-dark text-capitalize">60%</span>
        </div>
      </div>
    </div>
  </div>

  <!-- Fourth box -->
  <div class="col-lg-6 col-xl-3">
    <div class="card card-default">
      <div class="card-header">
        <h2>50,000,000</h2>
        <p class="flex-basis-100 text-dark">درآمد ماهانه</p>
      </div>
      <div class="card-body">
        <div class="progress progress-sm rounded-0 mb-1">
          <div class="progress-bar bg-info" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0"
            aria-valuemax="100"></div>
        </div>
        <div class="d-flex justify-content-between">
          <span class="text-dark text-capitalize">درآمد حاصله</span>
          <span class="text-dark text-capitalize">80%</span>
        </div>
      </div>
    </div>
  </div>

</div>

890

کاربران جدید

کاربر به هدف رسید 80%

350

سفارشات

سفارشات 70%

1360

کل خرید

فروش امسال 60%

50,000,000

درآمد ماهانه

درآمد حاصله 80%

نوار پیشرفت دارای پس زمینه 


<div class="row">

  <!-- Frist box -->
  <div class="col-lg-6 col-xl-3">
    <div class="card card-default bg-secondary">
      <div class="card-header">
        <h2 class="text-white">890</h2>
        <p class="flex-basis-100 text-white">کاربران جدید</p>
      </div>
      <div class="card-body">
        <div class="progress progress-sm progress-white rounded-0 mb-1">
          <div class="progress-bar bg-white" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0"
            aria-valuemax="100"></div>
        </div>
        <div class="d-flex justify-content-between">
          <span class="text-white text-capitalize">کاربر به هدف رسید</span>
          <span class="text-white text-capitalize">80%</span>
        </div>
      </div>
    </div>
  </div>

  <!-- Second box -->
  <div class="col-lg-6 col-xl-3">
    <div class="card card-default bg-success">
      <div class="card-header">
        <h2 class="text-white">350</h2>
        <p class="flex-basis-100 text-white">سفارشات</p>
      </div>
      <div class="card-body">
        <div class="progress progress-sm progress-white rounded-0 mb-1">
          <div class="progress-bar bg-white" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0"
            aria-valuemax="100"></div>
        </div>
        <div class="d-flex justify-content-between">
          <span class="text-white text-capitalize">سفارشات</span>
          <span class="text-white text-capitalize">70%</span>
        </div>
      </div>
    </div>
  </div>

  <!-- Third box -->
  <div class="col-lg-6 col-xl-3">
    <div class="card card-default bg-primary">
      <div class="card-header">
        <h2 class="text-white">1360</h2>
        <p class="flex-basis-100 text-white">کل خرید</p>
      </div>
      <div class="card-body">
        <div class="progress progress-sm progress-white rounded-0 mb-1">
          <div class="progress-bar bg-white" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0"
            aria-valuemax="100"></div>
        </div>
        <div class="d-flex justify-content-between">
          <span class="text-white text-capitalize">فروش امسال</span>
          <span class="text-white text-capitalize">60%</span>
        </div>
      </div>
    </div>
  </div>

  <!-- Fourth box -->
  <div class="col-lg-6 col-xl-3">
    <div class="card card-default bg-info">
      <div class="card-header">
        <h2 class="text-white">50,000,000</h2>
        <p class="flex-basis-100 text-white">درآمد ماهانه</p>
      </div>
      <div class="card-body">
        <div class="progress progress-sm progress-white rounded-0 mb-1">
          <div class="progress-bar bg-white" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0"
            aria-valuemax="100"></div>
        </div>
        <div class="d-flex justify-content-between">
          <span class="text-white text-capitalize">درآمد حاصله</span>
          <span class="text-white text-capitalize">80%</span>
        </div>
      </div>
    </div>
  </div>
</div>

890

کاربران جدید

کاربر به هدف رسید 80%

350

سفارشات

سفارشات 70%

1360

کل خرید

فروش امسال 60%

50,000,000

درآمد ماهانه

درآمد حاصله 80%

وضیعت


<div class="row">
<!-- Frist box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5">
        <div class="icon-md bg-secondary rounded-circle ml-3">
          <i class="mdi mdi-account-plus-outline"></i>
        </div>
        <div class="text-left">
          <span class="h2 d-block">890</span>
          <p>کاربران جدید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Second box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5">
        <div class="icon-md bg-success rounded-circle ml-3">
          <i class="mdi mdi-table-edit"></i>
        </div>
        <div class="text-left">
          <span class="h2 d-block">350</span>
          <p>سفارشات</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Third box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5">
        <div class="icon-md bg-primary rounded-circle ml-3">
          <i class="mdi mdi-content-save-edit-outline"></i>
        </div>
        <div class="text-left">
          <span class="h2 d-block">1360</span>
          <p>کل خرید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Fourth box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5">
        <div class="icon-md bg-info rounded-circle ml-3">
          <i class="mdi mdi-bell"></i>
        </div>
        <div class="text-left">
          <span class="h2 d-block">50,000,000</span>
          <p>درآمد ماهانه</p>
        </div>
      </div>
    </div>
  </div>
</div>
890

کاربران جدید

350

سفارشات

1360

کل خرید

50,000,000

درآمد ماهانه

وضیعت دارای پس زمینه


<div class="row">
  <!-- Frist box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-secondary">
      <div class="d-flex p-5">
        <div class="icon-md bg-white rounded-circle ml-3">
          <i class="mdi mdi-account-plus-outline text-secondary"></i>
        </div>
        <div class="text-left">
          <span class="h2 d-block text-white">890</span>
          <p class="text-white">کاربران جدید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Second box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-success">
      <div class="d-flex p-5">
        <div class="icon-md bg-white rounded-circle ml-3">
          <i class="mdi mdi-table-edit text-success"></i>
        </div>
        <div class="text-left">
          <span class="h2 d-block text-white">350</span>
          <p class="text-white">سفارشات</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Third box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-primary">
      <div class="d-flex p-5">
        <div class="icon-md bg-white rounded-circle ml-3">
          <i class="mdi mdi-content-save-edit-outline text-primary"></i>
        </div>
        <div class="text-left">
          <span class="h2 d-block text-white">1360</span>
          <p class="text-white">کل خرید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Fourth box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-info">
      <div class="d-flex p-5">
        <div class="icon-md bg-white rounded-circle ml-3">
          <i class="mdi mdi-bell text-info"></i>
        </div>
        <div class="text-left">
          <span class="h2 d-block text-white">50,000,000</span>
          <p class="text-white">درآمد ماهانه</p>
        </div>
      </div>
    </div>
  </div>
</div>
890

کاربران جدید

350

سفارشات

1360

کل خرید

50,000,000

درآمد ماهانه

وضیعت با استایل 2 


<div class="row">
<!-- Frist box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5 justify-content-between">
        <div class="icon-md bg-secondary rounded-circle ml-3">
          <i class="mdi mdi-account-plus-outline"></i>
        </div>
        <div class="text-right">
          <span class="h2 d-block">890</span>
          <p>کاربران جدید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Second box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5 justify-content-between">
        <div class="icon-md bg-success rounded-circle ml-3">
          <i class="mdi mdi-table-edit"></i>
        </div>
        <div class="text-right">
          <span class="h2 d-block">350</span>
          <p>سفارشات</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Third box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5 justify-content-between">
        <div class="icon-md bg-primary rounded-circle ml-3">
          <i class="mdi mdi-content-save-edit-outline"></i>
        </div>
        <div class="text-right">
          <span class="h2 d-block">1360</span>
          <p>کل خرید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Fourth box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5 justify-content-between">
        <div class="icon-md bg-info rounded-circle ml-3">
          <i class="mdi mdi-bell"></i>
        </div>
        <div class="text-right">
          <span class="h2 d-block">50,000,000</span>
          <p>درآمد ماهانه</p>
        </div>
      </div>
    </div>
  </div>
</div>
890

کاربران جدید

350

سفارشات

1360

کل خرید

50,000,000

درآمد ماهانه

وضیعت با استایل 2 دارای پس زمینه


<div class="row">
  <!-- Frist box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-secondary">
      <div class="d-flex p-5 justify-content-between">
        <div class="icon-md bg-white rounded-circle ml-3">
          <i class="mdi mdi-account-plus-outline text-secondary"></i>
        </div>
        <div class="text-right">
          <span class="h2 d-block text-white">890</span>
          <p class="text-white">کاربران جدید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Second box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-success">
      <div class="d-flex p-5 justify-content-between">
        <div class="icon-md bg-white rounded-circle ml-3">
          <i class="mdi mdi-table-edit text-success"></i>
        </div>
        <div class="text-right">
          <span class="h2 d-block text-white">350</span>
          <p class="text-white">سفارشات</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Third box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-primary">
      <div class="d-flex p-5 justify-content-between">
        <div class="icon-md bg-white rounded-circle ml-3">
          <i class="mdi mdi-content-save-edit-outline text-primary"></i>
        </div>
        <div class="text-right">
          <span class="h2 d-block text-white">1360</span>
          <p class="text-white">کل خرید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Fourth box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-info">
      <div class="d-flex p-5 justify-content-between">
        <div class="icon-md bg-white rounded-circle ml-3">
          <i class="mdi mdi-bell text-info"></i>
        </div>
        <div class="text-right">
          <span class="h2 d-block text-white">50,000,000</span>
          <p class="text-white">درآمد ماهانه</p>
        </div>
      </div>
    </div>
  </div>
</div>
890

کاربران جدید

350

سفارشات

1360

کل خرید

50,000,000

درآمد ماهانه

وضیعت با استایل 3


<div class="row">

  <!-- First box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5 align-items-center flex-column">
        <div class="icon-md bg-secondary rounded-circle mb-2">
          <i class="mdi mdi-account-plus-outline"></i>
        </div>
        <div class="text-center">
          <span class="h2 d-block">890</span>
          <p>کاربران جدید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Second box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5 align-items-center flex-column">
        <div class="icon-md bg-success rounded-circle mb-2">
          <i class="mdi mdi-table-edit"></i>
        </div>
        <div class="text-center">
          <span class="h2 d-block">350</span>
          <p>سفارشات</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Third box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5 align-items-center flex-column">
        <div class="icon-md bg-primary rounded-circle mb-2">
          <i class="mdi mdi-content-save-edit-outline"></i>
        </div>
        <div class="text-center">
          <span class="h2 d-block">1360</span>
          <p>کل خرید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Fourth box -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default">
      <div class="d-flex p-5 align-items-center flex-column">
        <div class="icon-md bg-info rounded-circle mb-2">
          <i class="mdi mdi-bell"></i>
        </div>
        <div class="text-center">
          <span class="h2 d-block">50,000,000</span>
          <p>درآمد ماهانه</p>
        </div>
      </div>
    </div>
  </div>
</div>
890

کاربران جدید

350

سفارشات

1360

کل خرید

50,000,000

درآمد ماهانه

وضیعت با استایل 3 دارای پس زمینه


<div class="row">

  <!-- First Inbox -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-secondary">
      <div class="d-flex p-5 align-items-center flex-column">
        <div class="icon-md bg-white rounded-circle mb-2">
          <i class="mdi mdi-account-plus-outline text-secondary"></i>
        </div>
        <div class="text-center">
          <span class="h2 d-block text-white">890</span>
          <p class="text-white">کاربران جدید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Second Inbox -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-success">
      <div class="d-flex p-5 align-items-center flex-column">
        <div class="icon-md bg-white rounded-circle mb-2">
          <i class="mdi mdi-table-edit text-success"></i>
        </div>
        <div class="text-center">
          <span class="h2 d-block text-white">350</span>
          <p class="text-white">سفارشات</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Third Inbox -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-primary">
      <div class="d-flex p-5 align-items-center flex-column">
        <div class="icon-md bg-white rounded-circle mb-2">
          <i class="mdi mdi-content-save-edit-outline text-primary"></i>
        </div>
        <div class="text-center">
          <span class="h2 d-block text-white">1360</span>
          <p class="text-white">کل خرید</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Fourth Inbox -->
  <div class="col-xl-3 col-md-6">
    <div class="card card-default bg-info">
      <div class="d-flex p-5 align-items-center flex-column">
        <div class="icon-md bg-white rounded-circle mb-2">
          <i class="mdi mdi-bell text-info"></i>
        </div>
        <div class="text-center">
          <span class="h2 d-block text-white">50,000,000</span>
          <p class="text-white">درآمد ماهانه</p>
        </div>
      </div>
    </div>
  </div>
</div>
890

کاربران جدید

350

سفارشات

1360

کل خرید

50,000,000

درآمد ماهانه

چت

Avata Image
سلام نام من آنا است
سلام من رامین هستم
می‌خوام از خودت بدونم
Avata Image
Avata Image
بنابراین، در غیر این صورت، او راضی بود که این موضوع حل شود.

اعلانات

  • ستاره‌ها چشمک می‌زنند.

    شیرینی افراطی، رفتار دشوار او. در مورد واگذاری به عنوان صاحبخانه وحشتناک. در ماه‌های بسیار زیاد می‌ترسد کارها را انجام می‌دهد در مورد.

  • این عروسک ژاپنی است.

    ماریان یا شوهرانتان اگر قوی‌تر باشید. به عنوان میدلتون‌ها به ندرت در نظر گرفته می‌شود. ارتقاء کاملاً مطابق میل شما بود.

  • تیکت پشتیبانی

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

  • سفارش جدید

    راحتی بیشتر در تختخواب و راهرو به طور مودبانه. دش‌وودها صراحت، اعتراض و توانایی‌ها را می‌بینند. همانطور که عجله شد اوه چشم‌اندازی که قبلاً ایجاد شده بود، صبح زود بیدار شد.

فهرست کارها

افزودن وظیفه
تکمیل به‌روزرسانی کیت رابط کاربری داشبورد انجام شده
ایجاد نمونه اولیه جدید برای صفحه فرود امروز
کد جدید گوگل آنالیتیکس را به تمام فایل‌های اصلی اضافه کنید دیروز
اسکرول پارالاکس را در صفحه تیم به‌روزرسانی کنید 15 شهریور 1404
اسکرول پارالاکس را در صفحه تیم به‌روزرسانی کنید 14 شهریور 1404
ایجاد دفترچه لیست مشتریان آنلاین 12 شهریور 1404
ایجاد صفحه 404 جدید 10 شهریور 1404
ویرایش صفحه اصلی و افزودن اسلایدر 8 شهریور 1404
افزودن مقاله جدید به مقالات 1 شهریور 1404

فروش بر اساس محصول

افزودن موجودی
نام محصول واحد مبلغ درصد فروش
ساعت مچی 134 200,000,000 ریال 35.28%
کفش ورزشی 119 195,000,000 ریال 27.05%
گوشی آیفون 101 180,000,000 ریال 20.25%
لب تاپ دل 59 175,000,000 ریال 12.50%
ادکلن زنانه 25 150,000,000 ریال 02.10%
هدفون سونی 23 90,000,000 ریال 02%
ساعت هوشمند 32 70,000,000 ریال 8%

بازدید صفحات

صفحه تعداد بازدید میانگین زمان
/analytics.html 521 2m:14s
/email-inbox.html 356 2m:23s
/email-compose.html 254 2m:2s
/charts-chartjs.html 126 1m:15s
/profile.html 50 1m:7s
/general-widgets.html 50 2m:35s
/card.html 590 5m:55s
/email-inbox.html 29 8m:5s
نمای کلی کاربران

مخاطبین

افزودن مخاطب جدید
User Image
زهرا ویرایشگر
User Image
حسین توسعه گر
User Image
مریم میدیر فروش
User Image
سعید مدیر فنی
User Image
فاطمه پشتیبانی مالی
User Image
آنا مدیریت