1
0
mirror of https://github.com/stisla/stisla.git synced 2025-08-29 02:50:30 +02:00
Files
stisla/dev/rtl/index-0.html
Muhamad Nauval Azhar 1c8f449126 re-structure path
2019-02-19 18:41:00 +07:00

987 lines
54 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
<title>General Dashboard &mdash; Stisla</title>
<!-- General CSS Files -->
<link rel="stylesheet" href="../assets/modules/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/modules/fontawesome/css/all.min.css">
<!-- CSS Libraries -->
<link rel="stylesheet" href="../assets/modules/jqvmap/dist/jqvmap.min.css">
<link rel="stylesheet" href="../assets/modules/weather-icon/css/weather-icons.min.css">
<link rel="stylesheet" href="../assets/modules/weather-icon/css/weather-icons-wind.min.css">
<link rel="stylesheet" href="../assets/modules/summernote/summernote-bs4.css">
<!-- Template CSS -->
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/components.css">
<link rel="stylesheet" href="../assets/css/rtl.css">
<link rel="stylesheet" href="../assets/css/rtl.css">
</head>
<body>
<div id="app">
<div class="main-wrapper main-wrapper-1">
<div class="navbar-bg"></div>
<nav class="navbar navbar-expand-lg main-navbar">
<form class="form-inline ml-auto">
<ul class="navbar-nav ml-3">
<li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg"><i class="fas fa-bars"></i></a></li>
<li><a href="#" data-toggle="search" class="nav-link nav-link-lg d-sm-none"><i class="fas fa-search"></i></a></li>
</ul>
<div class="search-element text-right">
<input class="form-control" type="search" placeholder="جستجو" aria-label="Search" data-width="250">
<button class="btn" type="submit"><i class="fas fa-search"></i></button>
<div class="search-backdrop"></div>
<div class="search-result">
<div class="search-header">
نتیجه جستجو
</div>
<div class="search-item">
<a href="#">چگونه ناسا رو هک کنیم؟</a>
<a href="#" class="search-close"><i class="fas fa-times"></i></a>
</div>
<div class="search-item">
<a href="#">Kodinger.com</a>
<a href="#" class="search-close"><i class="fas fa-times"></i></a>
</div>
<div class="search-item">
<a href="#">پنل مدیریت</a>
<a href="#" class="search-close"><i class="fas fa-times"></i></a>
</div>
<div class="search-header">
نتایج
</div>
<div class="search-item">
<a href="#">
<img class="ml-3 rounded" width="30" src="../assets/img/products/product-3-50.png" alt="product">
آیفون s9 تولید شد
</a>
</div>
<div class="search-item">
<a href="#">
<img class="ml-3 rounded" width="30" src="../assets/img/products/product-2-50.png" alt="product">
چه شادی هایی که زیر پای انسانها سرکوب شدند
</a>
</div>
<div class="search-item">
<a href="#">
<img class="ml-3 rounded" width="30" src="../assets/img/products/product-1-50.png" alt="product">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.
</a>
</div>
<div class="search-header">
پروژه ها
</div>
<div class="search-item">
<a href="#">
<div class="search-icon bg-danger text-white ml-3">
<i class="fas fa-code"></i>
</div>
متریال ادمین پنل
</a>
</div>
<div class="search-item">
<a href="#">
<div class="search-icon bg-primary text-white ml-3">
<i class="fas fa-laptop"></i>
</div>
ایجاد صفحه لندینگ
</a>
</div>
</div>
</div>
</form>
<ul class="navbar-nav navbar-right">
<li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown" class="nav-link nav-link-lg message-toggle beep"><i class="far fa-envelope"></i></a>
<div class="dropdown-menu dropdown-list text-right dropdown-menu-left">
<div class="dropdown-header">پیام ها
<div class="float-left">
<a href="#">علامتگذاری همه بصورت خوانده شده</a>
</div>
</div>
<div class="dropdown-list-content dropdown-list-message">
<a href="#" class="dropdown-item dropdown-item-unread">
<div class="dropdown-item-avatar">
<img alt="image" src="../assets/img/avatar/avatar-1.png" class="rounded-circle">
<div class="is-online"></div>
</div>
<div class="dropdown-item-desc text-right">
<b>مهدی خانزادی</b>
<p>سلام داداچ!</p>
<div class="time">۱۰ ساعت پیش</div>
</div>
</a>
<a href="#" class="dropdown-item dropdown-item-unread">
<div class="dropdown-item-avatar">
<img alt="image" src="../assets/img/avatar/avatar-2.png" class="rounded-circle">
</div>
<div class="dropdown-item-desc">
<b>مهیار انصاری</b>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.</p>
<div class="time">۱۲ ساعت پیش</div>
</div>
</a>
<a href="#" class="dropdown-item dropdown-item-unread">
<div class="dropdown-item-avatar">
<img alt="image" src="../assets/img/avatar/avatar-3.png" class="rounded-circle">
<div class="is-online"></div>
</div>
<div class="dropdown-item-desc">
<b>آمیتا پاچان</b>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.</p>
<div class="time">۱۲ ساعت پیش</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-avatar">
<img alt="image" src="../assets/img/avatar/avatar-4.png" class="rounded-circle">
</div>
<div class="dropdown-item-desc">
<b>مهدی خانزادی</b>
<p>سلام سیستم پشتیبانی پاترونیک رو استفاده کنید</p>
<div class="time">۱۶ ساعت پیش</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-avatar">
<img alt="image" src="../assets/img/avatar/avatar-5.png" class="rounded-circle">
</div>
<div class="dropdown-item-desc">
<b>لورم ایپسوم</b>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.</p>
<div class="time">دیروز</div>
</div>
</a>
</div>
<div class="dropdown-footer text-center">
<a href="#"> دیدن همه پیام ها<i class="fas fa-chevron-left"></i></a>
</div>
</div>
</li>
<li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown" class="nav-link notification-toggle nav-link-lg beep"><i class="far fa-bell"></i></a>
<div class="dropdown-menu dropdown-list dropdown-menu-left">
<div class="dropdown-header text-right">نوتیفیکیشن ها
<div class="float-left">
<a href="#"> علامتگذاری همه بصورت خوانده شده</a>
</div>
</div>
<div class="dropdown-list-content dropdown-list-icons text-right">
<a href="#" class="dropdown-item dropdown-item-unread">
<div class="dropdown-item-icon bg-primary text-white">
<i class="fas fa-code"></i>
</div>
<div class="dropdown-item-desc">
قالب مدیریتی متریال اپدیت جدید داد!
<div class="time text-primary">۲ دقیقه پیش</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-icon bg-info text-white">
<i class="far fa-user"></i>
</div>
<div class="dropdown-item-desc">
<b>شما</b> و <b>مهیار انصاری</b> هم اکنون همکار هستید.
<div class="time">۱۰ ساعت پیش</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-icon bg-success text-white">
<i class="fas fa-check"></i>
</div>
<div class="dropdown-item-desc">
<b>مهدی خانزادی</b> اطلاعات مرتبط با <b>قالب</b> را <b>آپلود کرد.</b>
<div class="time">۱۲ ساعت پیش</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-icon bg-danger text-white">
<i class="fas fa-exclamation-triangle"></i>
</div>
<div class="dropdown-item-desc">
فضای هارد دیسک پر شده است لطفا آن را خالی کنید.
<div class="time">۱۷ ساعت پیش</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-icon bg-info text-white">
<i class="fas fa-bell"></i>
</div>
<div class="dropdown-item-desc">
به قالب متریال خوش آمدید
<div class="time">دیروز</div>
</div>
</a>
</div>
<div class="dropdown-footer text-center">
<a href="#">
<span>نمایش همه</span>
<i class="fas fa-chevron-left"></i>
</a>
</div>
</div>
</li>
<li class="dropdown"><a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg nav-link-user">
<img alt="image" src="../assets/img/avatar/avatar-1.png" class="rounded-circle mr-1">
<div class="d-sm-none d-lg-inline-block">سلام مهدی</div></a>
<div class="dropdown-menu dropdown-menu-right text-right">
<div class="dropdown-title text-center">۵ دقیقه پیش لاگین کردین</div>
<a href="features-profile.html" class="dropdown-item has-icon">
<span>پروفایل</span>
<i class="far fa-user"></i>
</a>
<a href="features-activities.html" class="dropdown-item has-icon">
<span>فعالیت ها</span>
<i class="fas fa-bolt"></i>
</a>
<a href="features-settings.html" class="dropdown-item has-icon">
<span>تنظیمات</span>
<i class="fas fa-cog"></i>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item has-icon text-danger">
<span>خروج</span>
<i class="fas fa-sign-out-alt"></i>
</a>
</div>
</li>
</ul>
</nav>
<div class="main-sidebar sidebar-style-2">
<aside id="sidebar-wrapper">
<div class="sidebar-brand">
<a href="index.html">مدیریت پاترونیک</a>
</div>
<div class="sidebar-brand sidebar-brand-sm">
<a href="index.html">مدیریت فروش</a>
</div>
<ul class="sidebar-menu">
<li class="menu-header">داشبورد</li>
<li class="dropdown active">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-fire"></i><span>داشبورد</span></a>
<ul class="dropdown-menu">
<li class=active><a class="nav-link" href="index-0.html">داشبورد عمومی</a></li>
<li><a class="nav-link" href="index.html">داشبورد فروش محصولات</a></li>
</ul>
</li>
<li class="menu-header">امکانات بیشتر</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown" data-toggle="dropdown"><i class="fas fa-columns"></i> <span>صفحه بندی</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="layout-default.html">حالت پیش فرض</a></li>
<li><a class="nav-link" href="layout-transparent.html">سایدبار بدون رنگ</a></li>
<li><a class="nav-link" href="layout-top-navigation.html">نویگیشن بالا</a></li>
</ul>
</li>
<li><a class="nav-link" href="blank.html"><i class="far fa-square"></i> <span>صفحه خالی</span></a></li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-th"></i> <span>بوت استرپ</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="bootstrap-alert.html">آلرت</a></li>
<li><a class="nav-link" href="bootstrap-badge.html">بدج</a></li>
<li><a class="nav-link" href="bootstrap-breadcrumb.html">بردکرامپ</a></li>
<li><a class="nav-link" href="bootstrap-buttons.html">دکمه ها</a></li>
<li><a class="nav-link" href="bootstrap-card.html">کارت</a></li>
<li><a class="nav-link" href="bootstrap-carousel.html">کروسل</a></li>
<li><a class="nav-link" href="bootstrap-collapse.html">کولاپس</a></li>
<li><a class="nav-link" href="bootstrap-dropdown.html">دراپ دون</a></li>
<li><a class="nav-link" href="bootstrap-form.html">فرم</a></li>
<li><a class="nav-link" href="bootstrap-list-group.html">لیست گروه</a></li>
<li><a class="nav-link" href="bootstrap-media-object.html">مدیا ابجکت</a></li>
<li><a class="nav-link" href="bootstrap-modal.html">مودال</a></li>
<li><a class="nav-link" href="bootstrap-nav.html">نویگیشن</a></li>
<li><a class="nav-link" href="bootstrap-navbar.html">نوبار</a></li>
<li><a class="nav-link" href="bootstrap-pagination.html">پجینیشن</a></li>
<li><a class="nav-link" href="bootstrap-popover.html">پاپ اور</a></li>
<li><a class="nav-link" href="bootstrap-progress.html">پراگرس</a></li>
<li><a class="nav-link" href="bootstrap-table.html">جدول</a></li>
<li><a class="nav-link" href="bootstrap-tooltip.html">تولتیپ</a></li>
<li><a class="nav-link" href="bootstrap-typography.html">تایپوگرافی</a></li>
</ul>
</li>
<li class="menu-header">امکانات دیگر</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-th-large"></i> <span>کامپوننت ها</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="components-gallery.html">گالری</a></li>
<li><a class="nav-link" href="components-multiple-upload.html">مولتی آپلود</a></li>
<li><a class="nav-link" href="components-tab.html">تب</a></li>
<li><a class="nav-link" href="components-table.html">جدول</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="far fa-file-alt"></i> <span>فرم ها</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="forms-advanced-form.html">فرم پیشرفته</a></li>
<li><a class="nav-link" href="forms-editor.html">ویرایشگر</a></li>
<li><a class="nav-link" href="forms-validation.html">ولیدیشن</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-plug"></i> <span>ماژول ها</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="modules-calendar.html">تقویم</a></li>
<li><a class="nav-link" href="modules-chartjs.html">چارت ها</a></li>
<li><a class="nav-link" href="modules-datatables.html">دیتاتیبل</a></li>
<li><a class="nav-link" href="modules-flag.html">پرچم</a></li>
<li><a class="nav-link" href="modules-font-awesome.html">فونت اوسوم</a></li>
<li><a class="nav-link" href="modules-ion-icons.html">ای او ن ایکون</a></li>
<li><a class="nav-link" href="modules-owl-carousel.html">اول کراسول</a></li>
<li><a class="nav-link" href="modules-sparkline.html">اسپارک لاین</a></li>
<li><a class="nav-link" href="modules-sweet-alert.html">سویت الرت</a></li>
<li><a class="nav-link" href="modules-toastr.html">توستر</a></li>
<li><a class="nav-link" href="modules-vector-map.html">وکتور مپ</a></li>
<li><a class="nav-link" href="modules-weather-icon.html">ایکن اب و هوا</a></li>
</ul>
</li>
<li class="menu-header">صفحات</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="far fa-user"></i> <span>ثبت نام</span></a>
<ul class="dropdown-menu">
<li><a href="auth-forgot-password.html">فراموشی کلمه عبور</a></li>
<li><a href="auth-login.html">لاگین</a></li>
<li><a href="auth-register.html">ثبت نام</a></li>
<li><a href="auth-reset-password.html">بازیابی کلمه عبور</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-exclamation"></i> <span>خطاها</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="errors-503.html">503</a></li>
<li><a class="nav-link" href="errors-403.html">403</a></li>
<li><a class="nav-link" href="errors-404.html">404</a></li>
<li><a class="nav-link" href="errors-500.html">500</a></li>
</ul>
</li>
<li><a class="nav-link" href="credits.html"><i class="fas fa-pencil-ruler"></i> <span>سازنده ها</span></a></li>
</ul>
<div class="mt-4 mb-4 p-3 hide-sidebar-mini">
<a href="https://getstisla.com/docs" class="btn btn-primary btn-lg btn-block btn-icon-split">
<i class="fas fa-rocket"></i> مستندات قالب
</a>
</div>
</aside>
</div>
<!-- Main Content -->
<div class="main-content">
<section class="section">
<div class="section-header">
<h1>داشبورد</h1>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="card card-statistic-1 text-right">
<div class="card-icon bg-primary">
<i class="far fa-user"></i>
</div>
<div class="card-wrap">
<div class="card-header">
<h4>تعداد مدیران</h4>
</div>
<div class="card-body">
10
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="card card-statistic-1 text-right">
<div class="card-icon bg-danger">
<i class="far fa-newspaper"></i>
</div>
<div class="card-wrap">
<div class="card-header">
<h4>اخبار</h4>
</div>
<div class="card-body">
42
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="card card-statistic-1 text-right">
<div class="card-icon bg-warning">
<i class="far fa-file"></i>
</div>
<div class="card-wrap">
<div class="card-header">
<h4>گزارش ها</h4>
</div>
<div class="card-body">
1,201
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="card card-statistic-1 text-right">
<div class="card-icon bg-success">
<i class="fas fa-circle"></i>
</div>
<div class="card-wrap">
<div class="card-header">
<h4>کاربران آنلاین</h4>
</div>
<div class="card-body">
47
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-md-12 col-12 col-sm-12">
<div class="card">
<div class="card-header">
<h4>آمار بازدید</h4>
<div class="card-header-action">
<div class="btn-group">
<a href="#" class="btn btn-primary">هفتگی</a>
<a href="#" class="btn">ماهانه</a>
</div>
</div>
</div>
<div class="card-body">
<canvas id="myChart" height="182"></canvas>
<div class="statistic-details mt-sm-4">
<div class="statistic-details-item">
<span class="text-muted"><span class="text-primary"><i class="fas fa-caret-up"></i></span> 7%</span>
<div class="detail-value">$243</div>
<div class="detail-name">فروش امروز</div>
</div>
<div class="statistic-details-item">
<span class="text-muted"><span class="text-danger"><i class="fas fa-caret-down"></i></span> 23%</span>
<div class="detail-value">$2,902</div>
<div class="detail-name">فروش این هفته</div>
</div>
<div class="statistic-details-item">
<span class="text-muted"><span class="text-primary"><i class="fas fa-caret-up"></i></span>9%</span>
<div class="detail-value">$12,821</div>
<div class="detail-name">فروش این ماه</div>
</div>
<div class="statistic-details-item">
<span class="text-muted"><span class="text-primary"><i class="fas fa-caret-up"></i></span> 19%</span>
<div class="detail-value">$92,142</div>
<div class="detail-name">فروش امسال</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-12 col-sm-12">
<div class="card">
<div class="card-header">
<h4>فعالیت های اخیر</h4>
</div>
<div class="card-body">
<ul class="list-unstyled text-right p-0 list-unstyled-border">
<li class="media">
<img class="ml-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-1.png" alt="avatar">
<div class="media-body">
<div class="float-left text-primary">همین الان</div>
<div class="media-title">مهدی خانزادی</div>
<span class="text-small text-muted">لورم اپسوم در فرهنگ چاپ شناخت بیشتری را برای طراحان رایانه ای...</span>
</div>
</li>
<li class="media">
<img class="ml-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-2.png" alt="avatar">
<div class="media-body">
<div class="float-left">۱۲ دقیقه پیش</div>
<div class="media-title">مهیار انصاری</div>
<span class="text-small text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.</span>
</div>
</li>
<li class="media">
<img class="ml-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-3.png" alt="avatar">
<div class="media-body">
<div class="float-left">۱۷ دقیقه پیش</div>
<div class="media-title">رضا اکبری</div>
<span class="text-small text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ است.</span>
</div>
</li>
<li class="media">
<img class="ml-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-4.png" alt="avatar">
<div class="media-body">
<div class="float-left">۲۱ دقیقه پیش</div>
<div class="media-title">امیتا پاچان</div>
<span class="text-small text-muted">حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد</span>
</div>
</li>
</ul>
<div class="text-center pt-1 pb-1">
<a href="#" class="btn btn-primary btn-lg btn-round">
نمایش همه
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 col-12 col-sm-12">
<div class="card">
<div class="card-body pt-2 pb-2">
<div id="myWeather">لطفا صبر کنید</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12 col-sm-12">
<div class="card">
<div class="card-header">
<h4>نویسنده ها</h4>
</div>
<div class="card-body">
<div class="row pb-2">
<div class="col-6 col-sm-3 col-lg-3 mb-4 mb-md-0">
<div class="avatar-item mb-0">
<img alt="image" src="../assets/img/avatar/avatar-5.png" class="img-fluid" data-toggle="tooltip" title="مهدی خانزادی">
<div class="avatar-badge" title="ویراستار" data-toggle="tooltip"><i class="fas fa-wrench"></i></div>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-3 mb-4 mb-md-0">
<div class="avatar-item mb-0">
<img alt="image" src="../assets/img/avatar/avatar-4.png" class="img-fluid" data-toggle="tooltip" title="آمیتا پاچان">
<div class="avatar-badge" title="ادمین" data-toggle="tooltip"><i class="fas fa-cog"></i></div>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-3 mb-4 mb-md-0">
<div class="avatar-item mb-0">
<img alt="image" src="../assets/img/avatar/avatar-1.png" class="img-fluid" data-toggle="tooltip" title="مهیار انصاری">
<div class="avatar-badge" title="نویسنده" data-toggle="tooltip"><i class="fas fa-pencil-alt"></i></div>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-3 mb-4 mb-md-0">
<div class="avatar-item mb-0">
<img alt="image" src="../assets/img/avatar/avatar-2.png" class="img-fluid" data-toggle="tooltip" title="علی نظری">
<div class="avatar-badge" title="ادمین" data-toggle="tooltip"><i class="fas fa-cog"></i></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<div class="card">
<div class="card-header">
<h4>بازدید کننده ها از کجا اومدن؟</h4>
</div>
<div class="card-body text-right">
<div class="mb-4">
<div class="text-small float-left font-weight-bold text-muted">۲,۱۰۰</div>
<div class="font-weight-bold mb-1">گوگل</div>
<div class="progress" data-height="3">
<div class="progress-bar" role="progressbar" data-width="80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="mb-4">
<div class="text-small float-left font-weight-bold text-muted">۱,۸۸۰</div>
<div class="font-weight-bold mb-1">فیسبوک</div>
<div class="progress" data-height="3">
<div class="progress-bar" role="progressbar" data-width="67%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="mb-4">
<div class="text-small float-left font-weight-bold text-muted">۱,۵۲۱</div>
<div class="font-weight-bold mb-1">بینگ</div>
<div class="progress" data-height="3">
<div class="progress-bar" role="progressbar" data-width="58%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="mb-4">
<div class="text-small float-left font-weight-bold text-muted">۸۸۴</div>
<div class="font-weight-bold mb-1">یاهو</div>
<div class="progress" data-height="3">
<div class="progress-bar" role="progressbar" data-width="36%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="mb-4">
<div class="text-small float-left font-weight-bold text-muted">۴۷۳</div>
<div class="font-weight-bold mb-1">یاندکس</div>
<div class="progress" data-height="3">
<div class="progress-bar" role="progressbar" data-width="28%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="mb-4">
<div class="text-small float-left font-weight-bold text-muted">418</div>
<div class="font-weight-bold mb-1">طرح چه</div>
<div class="progress" data-height="3">
<div class="progress-bar" role="progressbar" data-width="20%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h4>محبوبترین مرورگرها</h4>
</div>
<div class="card-body">
<div class="row">
<div class="col text-center">
<div class="browser browser-chrome"></div>
<div class="mt-2 font-weight-bold">کروم</div>
<div class="text-muted text-small"><span class="text-primary"><i class="fas fa-caret-up"></i></span> 48%</div>
</div>
<div class="col text-center">
<div class="browser browser-firefox"></div>
<div class="mt-2 font-weight-bold">فایرفاکس</div>
<div class="text-muted text-small"><span class="text-primary"><i class="fas fa-caret-up"></i></span> 26%</div>
</div>
<div class="col text-center">
<div class="browser browser-safari"></div>
<div class="mt-2 font-weight-bold">سافاری</div>
<div class="text-muted text-small"><span class="text-danger"><i class="fas fa-caret-down"></i></span> 14%</div>
</div>
<div class="col text-center">
<div class="browser browser-opera"></div>
<div class="mt-2 font-weight-bold">اپرا</div>
<div class="text-muted text-small">7%</div>
</div>
<div class="col text-center">
<div class="browser browser-internet-explorer"></div>
<div class="mt-2 font-weight-bold">اینترنت اکسپلورر</div>
<div class="text-muted text-small"><span class="text-primary"><i class="fas fa-caret-up"></i></span> 5%</div>
</div>
</div>
</div>
</div>
<div class="card mt-sm-5 mt-md-0">
<div class="card-header">
<h4>بازدیدکنندگان</h4>
</div>
<div class="card-body">
<div id="visitorMap"></div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="card">
<div class="card-header">
<h4>آمار فعالیت های این هفته</h4>
<div class="card-header-action">
<div class="dropdown">
<a href="#" class="dropdown-toggle btn btn-primary" data-toggle="dropdown">فیلتر</a>
<div class="dropdown-menu dropdown-menu-right text-right">
<a href="#" class="dropdown-item has-icon"><i class="far fa-circle"></i> الکتریک </a>
<a href="#" class="dropdown-item has-icon"><i class="far fa-circle"></i> تیشرت </a>
<a href="#" class="dropdown-item has-icon"><i class="far fa-circle"></i> کلاه </a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item text-center">نمایش همه موارد</a>
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="summary">
<div class="summary-info">
<h4>$۱۰۵۳</h4>
<div class="text-muted">۳ محصول به ۲ خریدار فروخته شد</div>
<div class="d-block mt-2">
<a href="#">نمایش همه موارد</a>
</div>
</div>
<div class="summary-item text-right">
<h6>ایتم های لیست <span class="text-muted">(۳ مورد)</span></h6>
<ul class="list-unstyled p-0 list-unstyled-border">
<li class="media">
<a href="#">
<img class="ml-3 rounded" width="50" src="../assets/img/products/product-1-50.png" alt="product">
</a>
<div class="media-body">
<div class="media-left">$۴۰۵</div>
<div class="media-title"><a href="#">پلی استیشن ۹</a></div>
<div class="text-muted text-small"> دوشنبه <div class="bullet"></div> توسط <a href="#">مهدی خانزادی</a></div>
</div>
</li>
<li class="media">
<a href="#">
<img class="ml-3 rounded" width="50" src="../assets/img/products/product-2-50.png" alt="product">
</a>
<div class="media-body">
<div class="media-left">$۴۹۹</div>
<div class="media-title"><a href="#">راکت</a></div>
<div class="text-muted text-small"> دوشنبه <div class="bullet"></div> توسط <a href="#">محمدرضا ملک</a></div>
</div>
</li>
<li class="media">
<a href="#">
<img class="ml-3 rounded" width="50" src="../assets/img/products/product-3-50.png" alt="product">
</a>
<div class="media-body">
<div class="media-left">$۱۴۹</div>
<div class="media-title"><a href="#">شیائومی</a></div>
<div class="text-muted text-small"> جمعه <div class="bullet"></div> توسط <a href="#">حسن بصری</a></div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h4 class="d-inline">کارها</h4>
<div class="card-header-action">
<a href="#" class="btn btn-primary">نمایش همه موارد</a>
</div>
</div>
<div class="card-body">
<ul class="list-unstyled p-0 text-right list-unstyled-border">
<li class="media">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="cbx-1">
<label class="custom-control-label" for="cbx-1"></label>
</div>
<img class="ml-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-4.png" alt="avatar">
<div class="media-body">
<div class="badge badge-pill badge-danger mb-1 float-left">تکمیل نشده</div>
<h6 class="media-title"><a href="#">طراحی قالب پاترونیک</a></h6>
<div class="text-small text-muted"><span class="text-primary">همین الان</span> <div class="bullet"></div> مهدی خانزادی </div>
</div>
</li>
<li class="media">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="cbx-2" checked="">
<label class="custom-control-label" for="cbx-2"></label>
</div>
<img class="ml-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-5.png" alt="avatar">
<div class="media-body">
<div class="badge badge-pill badge-primary mb-1 float-left">تکمیل شده</div>
<h6 class="media-title"><a href="#">افزودن کامپوننت جدید</a></h6>
<div class="text-small text-muted">۴ دقیقه پیش <div class="bullet"></div> مهدی خانزادی </div>
</div>
</li>
<li class="media">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="cbx-3" >
<label class="custom-control-label" for="cbx-3"></label>
</div>
<img class="ml-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-2.png" alt="avatar">
<div class="media-body">
<div class="badge badge-pill badge-warning mb-1 float-left">در حال انجام</div>
<h6 class="media-title"><a href="#">دیباگ کردن سیستم تیکتینگ</a></h6>
<div class="text-small text-muted">۸ دقیقه پیش <div class="bullet"></div> مهدی خانزادی </div>
</div>
</li>
<li class="media">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="cbx-4">
<label class="custom-control-label" for="cbx-4"></label>
</div>
<img class="ml-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-1.png" alt="avatar">
<div class="media-body">
<div class="badge badge-pill badge-danger mb-1 float-left">تکمیل نشده</div>
<h6 class="media-title"><a href="#">افزودن روتر به پروژه دانشگاه آزاد</a></h6>
<div class="text-small text-muted">۲۱ دقیقه پیش <div class="bullet"></div> علی نظری </div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-5 col-md-12 col-12 col-sm-12">
<form method="post" class="needs-validation" novalidate="">
<div class="card text-right">
<div class="card-header">
<h4>پیشنویس سریع</h4>
</div>
<div class="card-body pb-0">
<div class="form-group">
<label>عنوان</label>
<input type="text" name="title" class="form-control" required>
<div class="invalid-feedback">
لطفا فیلد عنوان را تکمیل کنید
</div>
</div>
<div class="form-group">
<label>محتوا</label>
<textarea class="summernote-simple"></textarea>
</div>
</div>
<div class="card-footer pt-0">
<button class="btn btn-primary">ذخیره پیشنویس</button>
</div>
</div>
</form>
</div>
<div class="col-lg-7 col-md-12 col-12 col-sm-12">
<div class="card text-right">
<div class="card-header">
<h4>آخرین مطالب</h4>
<div class="card-header-action">
<a href="#" class="btn btn-primary">نمایش همه</a>
</div>
</div>
<div class="card-body p-0">
<div class="table-responsive">
<table class="table table-striped mb-0">
<thead>
<tr>
<th>عنوان</th>
<th>نویسنده</th>
<th>فعالیت</th>
</tr>
</thead>
<tbody>
<tr>
<td>
معرفی لاراول ۶
<div class="table-links">
<a href="#">نمایش</a>
<div class="bullet"></div>
در دسته بندی <a href="#">توسعه وب</a>
</div>
</td>
<td>
<a href="#" class="font-weight-600"><img src="../assets/img/avatar/avatar-1.png" alt="avatar" width="30" class="rounded-circle ml-1"> مهدی خانزادی </a>
</td>
<td>
<a class="btn btn-primary btn-action ml-1" data-toggle="tooltip" title="Edit"><i class="fas fa-pencil-alt"></i></a>
<a class="btn btn-danger btn-action" data-toggle="tooltip" title="Delete" data-confirm="مطمئن هستی؟|داداش این حذف بشه دیگه نمیشه برگردوندش! پاک بشه؟" data-confirm-yes="alert('حذف شد')"><i class="fas fa-trash"></i></a>
</td>
</tr>
<tr>
<td>
آموزش لاراول ۵ - نصب و راه اندازی
<div class="table-links">
<a href="#">نمایش</a>
<div class="bullet"></div>
در دسته بندی <a href="#">برنامه نویسی</a>
</div>
</td>
<td>
<a href="#" class="font-weight-600"><img src="../assets/img/avatar/avatar-1.png" alt="avatar" width="30" class="rounded-circle ml-1"> مهدی خانزادی </a>
</td>
<td>
<a class="btn btn-primary btn-action ml-1" data-toggle="tooltip" title="Edit"><i class="fas fa-pencil-alt"></i></a>
<a class="btn btn-danger btn-action" data-toggle="tooltip" title="Delete" data-confirm="مطمئن هستی؟|داداش این حذف بشه دیگه نمیشه برگردوندش! پاک بشه؟" data-confirm-yes="alert('حذف شد')"><i class="fas fa-trash"></i></a>
</td>
</tr>
<tr>
<td>
آموزش لاراول - مدل MVC
<div class="table-links">
<a href="#">نمایش</a>
<div class="bullet"></div>
در دسته بندی <a href="#">برنامه نویسی</a>
</div>
</td>
<td>
<a href="#" class="font-weight-600"><img src="../assets/img/avatar/avatar-1.png" alt="avatar" width="30" class="rounded-circle ml-1"> علی نظری </a>
</td>
<td>
<a class="btn btn-primary btn-action ml-1" data-toggle="tooltip" title="Edit"><i class="fas fa-pencil-alt"></i></a>
<a class="btn btn-danger btn-action" data-toggle="tooltip" title="Delete" data-confirm="مطمئن هستی؟|داداش این حذف بشه دیگه نمیشه برگردوندش! پاک بشه؟" data-confirm-yes="alert('حذف شد')"><i class="fas fa-trash"></i></a>
</td>
</tr>
<tr>
<td>
آموزش لاراول - مایگرشن ها
<div class="table-links">
<a href="#">نمایش</a>
<div class="bullet"></div>
در دسته بندی <a href="#">برنامه نویسی وب</a>
</div>
</td>
<td>
<a href="#" class="font-weight-600"><img src="../assets/img/avatar/avatar-1.png" alt="avatar" width="30" class="rounded-circle ml-1"> مهدی خانزادی </a>
</td>
<td>
<a class="btn btn-primary btn-action ml-1" data-toggle="tooltip" title="Edit"><i class="fas fa-pencil-alt"></i></a>
<a class="btn btn-danger btn-action" data-toggle="tooltip" title="Delete" data-confirm="مطمئن هستی؟|داداش این حذف بشه دیگه نمیشه برگردوندش! پاک بشه؟" data-confirm-yes="alert('حذف شد')"><i class="fas fa-trash"></i></a>
</td>
</tr>
<tr>
<td>
آموزش لاراول - Deploy
<div class="table-links">
<a href="#">نمایش</a>
<div class="bullet"></div>
در دسته بندی <a href="#">برنامه نویسی</a>
</div>
</td>
<td>
<a href="#" class="font-weight-600"><img src="../assets/img/avatar/avatar-1.png" alt="avatar" width="30" class="rounded-circle ml-1"> مهدی خانزادی </a>
</td>
<td>
<a class="btn btn-primary btn-action ml-1" data-toggle="tooltip" title="Edit"><i class="fas fa-pencil-alt"></i></a>
<a class="btn btn-danger btn-action" data-toggle="tooltip" title="Delete" data-confirm="مطمئن هستی؟|داداش این حذف بشه دیگه نمیشه برگردوندش! پاک بشه؟" data-confirm-yes="alert('حذف شد')"><i class="fas fa-trash"></i></a>
</td>
</tr>
<tr>
<td>
آموزش لاراول - Closing
<div class="table-links">
<a href="#">View</a>
<div class="bullet"></div>
در دسته بندی<a href="#">توسه وب</a>
</div>
</td>
<td>
<a href="#" class="font-weight-600"><img src="../assets/img/avatar/avatar-1.png" alt="avatar" width="30" class="rounded-circle mr-1"> هاشم مقدری </a>
</td>
<td>
<a class="btn btn-primary btn-action ml-1" data-toggle="tooltip" title="Edit"><i class="fas fa-pencil-alt"></i></a>
<a class="btn btn-danger btn-action" data-toggle="tooltip" title="Delete" data-confirm="مطمئن هستی؟|داداش این حذف بشه دیگه نمیشه برگردوندش! پاک بشه؟" data-confirm-yes="alert('حذف شد')"><i class="fas fa-trash"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<footer class="main-footer">
<div class="footer-left">
Copyright &copy; 2018 <div class="bullet"></div> Design By <a href="https://nauval.in/">Muhamad Nauval Azhar</a>
</div>
<div class="footer-right">
</div>
</footer>
</div>
</div>
<!-- General JS Scripts -->
<script src="../assets/modules/jquery.min.js"></script>
<script src="../assets/modules/popper.js"></script>
<script src="../assets/modules/tooltip.js"></script>
<script src="../assets/modules/bootstrap/js/bootstrap.min.js"></script>
<script src="../assets/modules/nicescroll/jquery.nicescroll.min.js"></script>
<script src="../assets/modules/moment.min.js"></script>
<script src="../assets/js/stisla.js"></script>
<!-- JS Libraies -->
<script src="../assets/modules/simple-weather/jquery.simpleWeather.min.js"></script>
<script src="../assets/modules/chart.min.js"></script>
<script src="../assets/modules/jqvmap/dist/jquery.vmap.min.js"></script>
<script src="../assets/modules/jqvmap/dist/maps/jquery.vmap.world.js"></script>
<script src="../assets/modules/summernote/summernote-bs4.js"></script>
<script src="../assets/modules/chocolat/dist/js/jquery.chocolat.min.js"></script>
<!-- Page Specific JS File -->
<script src="../assets/js/page/index-0.js"></script>
<!-- Template JS File -->
<script src="../assets/js/scripts.js"></script>
<script src="../assets/js/custom.js"></script>
</body>
</html>