آلمانی
ژاپنی
فرانسوی
<div class="card component-card_2">
<img src="assets/img/400x300.jpg" class="card-img-top" alt="widget-card-2">
<div class="card-body">
<h5 class="card-title">مبتنی بر CLI</h5>
<p class="card-text">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
<a href="#" class="btn btn-primary">Explore More</a>
</div>
</div>
زینب رمانی
مدیر
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
<div class="card component-card_3">
<div class="card-body">
<img src="assets/img/90x90.jpg" class="card-img-top" alt="...">
<h5 class="card-user_name">زینب رمانی</h5>
<p class="card-user_occupation">Manager</p>
<div class="card-star_rating">
<svg> ... </svg>
<svg> ... </svg>
<svg> ... </svg>
<svg> ... </svg>
<svg> ... </svg>
</div>
<p class="card-text"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ </p>
</div>
</div>
<div class="card component-card_4">
<div class="card-body">
<div class="user-profile">
<img src="assets/img/90x90.jpg" class="" alt="...">
</div>
<div class="user-info">
<h5 class="card-user_name">زینب رمانی</h5>
<p class="card-user_occupation">Manager</p>
<div class="card-star_rating">
<span class="badge badge-primary">4.5</span>
</div>
<p class="card-text"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ </p>
</div>
</div>
</div>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
زینب رمانی
مدیر
<div class="card component-card_5">
<div class="card-body">
<p class="card-text"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ </p>
<div class="user-info">
<img src="assets/img/90x90.jpg" class="card-img-top" alt="...">
<div class="media-body">
<h5 class="card-user_name">زینب رمانی</h5>
<p class="card-user_occupation">Manager</p>
</div>
</div>
</div>
</div>
سفارش قرار داده شده
در حال پیش رفت
-
-
-
-
-
+5 more
60%
<div class="card component-card_8">
<div class="card-body">
<div class="progress-order">
<div class="progress-order-header">
<div class="row">
<div class="col-md-6 col-sm-6 col-12">
<h6>سفارش قرار داده شده</h6>
</div>
<div class="col-md-6 pl-0 col-sm-6 col-12 text-right">
<span class="badge badge-info">در حال پیش رفت</span>
</div>
</div>
</div>
<div class="progress-order-body">
<div class="row mt-4">
<div class="col-md-12">
<ul class="list-inline badge-collapsed-img mb-0 mb-3">
<li class="list-inline-item chat-online-usr">
<img alt="avatar" src="assets/img/90x90.jpg" class="ml-0">
</li>
<li class="list-inline-item chat-online-usr">
<img alt="avatar" src="assets/img/90x90.jpg">
</li>
<li class="list-inline-item chat-online-usr">
<img alt="avatar" src="assets/img/90x90.jpg">
</li>
<li class="list-inline-item chat-online-usr">
<img alt="avatar" src="assets/img/90x90.jpg">
</li>
<li class="list-inline-item badge-notify mr-0">
<div class="notification">
<span class="badge badge-info badge-pill">+5 more</span>
</div>
</li>
</ul>
</div>
<div class="col-md-12 text-right">
<span class=" p-o-percentage mr-4">60%</span>
<div class="progress p-o-progress mt-2">
<div class="progress-bar bg-primary" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
لورم ایپسوم متن ساختگی
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
<div class="card component-card_9">
<img src="assets/img/400x300.jpg" class="card-img-top" alt="widget-card-2">
<div class="card-body">
<p class="meta-date">25 Jan 2020</p>
<h5 class="card-title">لورم ایپسوم متن ساختگی</h5>
<p class="card-text">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
<div class="meta-info">
<div class="meta-user">
<div class="avatar avatar-sm">
<span class="avatar-title rounded-circle">AG</span>
</div>
<div class="user-name">زینب رمانی</div>
</div>
<div class="meta-action">
<div class="meta-likes">
<svg> ... </svg> 51
</div>
<div class="meta-view">
<svg> ... </svg> 250
</div>
</div>
</div>
</div>
</div>