Browse Source

chore: translate content of pages to persian (#5)

* chore: translate content of pages to persian

+ Add persian font (Vazirmatn)
+ Update readme file to show correct preview

* build: update version
pull/305/head
Morteza Karimi 3 years ago
committed by GitHub
parent
commit
91c88d3203
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
27 changed files with 1258 additions and 989 deletions
  1. +8
    -6
      README.md
  2. BIN
      demo-preview.png
  3. +4
    -3
      package.json
  4. +3
    -3
      src/404.html
  5. +3
    -3
      src/500.html
  6. +245
    -0
      src/assets/scripts/vectorMaps/countries.js
  7. +9
    -6
      src/assets/scripts/vectorMaps/index.js
  8. +16
    -0
      src/assets/styles/spec/generic/base.scss
  9. +5
    -3
      src/assets/styles/spec/settings/fonts.scss
  10. +80
    -80
      src/basic-table.html
  11. +62
    -62
      src/blank.html
  12. +59
    -59
      src/buttons.html
  13. +58
    -58
      src/calendar.html
  14. +58
    -58
      src/charts.html
  15. +58
    -58
      src/chat.html
  16. +58
    -58
      src/compose.html
  17. +60
    -60
      src/datatable.html
  18. +58
    -58
      src/email.html
  19. +58
    -58
      src/forms.html
  20. +58
    -58
      src/google-maps.html
  21. +164
    -164
      src/index.html
  22. +7
    -7
      src/signin.html
  23. +8
    -8
      src/signup.html
  24. +2
    -1
      src/test.html
  25. +58
    -58
      src/ui.html
  26. +58
    -58
      src/vector-maps.html
  27. +1
    -2
      webpack/rules/sass.js

+ 8
- 6
README.md View File

@ -1,13 +1,13 @@
# Adminator Bootstrap 5 Admin Template
**Adminator** is a responsive Bootstrap 5 Admin Template. It provides you with a collection of ready to use code snippets and utilities, custom pages, a collection of applications and some useful widgets. Preview of this awesome admin template available here: https://colorlib.com/polygon/adminator/index.html
# Adminator RTL Bootstrap 5 Admin Template
**Adminator RTL** is a responsive Bootstrap 5 Admin Template. It provides you with a collection of ready to use code snippets and utilities, custom pages, a collection of applications and some useful widgets. Preview of this awesome admin template available here: https://morteza-karimi.ir/Adminator-admin-dashboard-rtl/index.html
# Preview
### Screenshot
![Adminator admin dashboard template preview](https://colorlib.com/wp/wp-content/uploads/sites/2/adminator-free-admin-dashboard-template.jpg)
![Adminator RTL admin dashboard template preview](./demo-preview.png)
### Demo Site: [Here](https://colorlib.com/polygon/adminator/index.html)
### Demo Site: [Here](https://morteza-karimi.ir/Adminator-admin-dashboard-rtl/index.html)
## TOC
- [Getting Started](#getting-started)
@ -22,7 +22,7 @@
## Getting Started
In order to run **Adminator** on your local machine all what you need to do is to have the prerequisites stated below installed on your machine and follow the installation steps down below. Prebuilt static assets can be found under [releases](https://github.com/puikinsh/Adminator-admin-dashboard/releases).
In order to run **Adminator** on your local machine all what you need to do is to have the prerequisites stated below installed on your machine and follow the installation steps down below. Prebuilt static assets can be found under [releases](https://github.com/mortezakarimi/Adminator-admin-dashboard-rtl/releases).
#### Prerequisites
- Node.js
@ -34,7 +34,7 @@ In order to run **Adminator** on your local machine all what you need to do is t
Start by typing the following commands in your terminal in order to get **Adminator** full package on your machine and starting a local development server with live reload feature.
```
> git clone https://github.com/puikinsh/Adminator-admin-dashboard.git adminator
> git clone https://github.com/mortezakarimi/Adminator-admin-dashboard-rtl.git adminator
> cd adminator
> npm install
> npm run dev
@ -145,6 +145,7 @@ Used to create a local dev server in order to preview the final output of build
- [Themify Icons](https://themify.me/themify-icons)
- [Roboto Font](https://fonts.google.com/specimen/Roboto)
- [Bootstrap Datepicker](https://bootstrap-datepicker.readthedocs.io/en/latest/)
- [Vazirmatn](https://rastikerdar.github.io/vazirmatn/)
## Changelog
#### V 1.0.0
@ -152,6 +153,7 @@ Initial Release
## Authors
[Colorlib](https://colorlib.com)
[Morteza Karimi](https://morteza-karimi.ir)
## More info
- [Bootstrap Dashboards](https://colorlib.com/wp/free-bootstrap-admin-dashboard-templates/)


BIN
demo-preview.png View File

Before After
Width: 1960  |  Height: 1027  |  Size: 214 KiB

+ 4
- 3
package.json View File

@ -1,6 +1,6 @@
{
"name": "adminator-rtl",
"version": "2.0.4",
"version": "2.0.5",
"private": true,
"description": "HTML Admin Template",
"scripts": {
@ -42,12 +42,12 @@
"html-webpack-plugin": "^5.5.0",
"image-minimizer-webpack-plugin": "^3.8.1",
"mini-css-extract-plugin": "^2.7.2",
"sass": "^1.57.1",
"postcss": "^8.4.20",
"postcss-loader": "^7.0.2",
"postcss-preset-env": "^7.8.3",
"prettier": "^2.8.1",
"rtlcss": "^4.0.0",
"sass": "^1.57.1",
"sass-loader": "^13.2.0",
"sharp": "^0.31.2",
"shx": "^0.3.4",
@ -87,6 +87,7 @@
"masonry-layout": "^4.2.2",
"moment": "^2.29.1",
"perfect-scrollbar": "^1.5.1",
"skycons": "^1.0.0"
"skycons": "^1.0.0",
"vazirmatn": "^33.0.3"
}
}

+ 3
- 3
src/404.html View File

@ -13,10 +13,10 @@
<div class='d-f jc-c fxd-c'>
<h1 class='mB-30 fw-900 lh-1 c-red-500' style="font-size: 60px;">404</h1>
<h3 class='mB-10 fsz-lg c-grey-900 tt-c'>Oops Page Not Found</h3>
<p class='mB-30 fsz-def c-grey-700'>The page you are looking for does not exist or has been moved.</p>
<h3 class='mB-10 fsz-lg c-grey-900 tt-c'>اوپس صفحه یافت نشد</h3>
<p class='mB-30 fsz-def c-grey-700'>صفحه‌ای که به دنبال آن هستید یافت نشد و یا جا به جا شده است.</p>
<div>
<a href="index.html" type='primary' class='btn btn-primary'>Go to Home</a>
<a href="index.html" type='primary' class='btn btn-primary'>رفتن به خانه</a>
</div>
</div>
</div>


+ 3
- 3
src/500.html View File

@ -13,10 +13,10 @@
<div class='d-f jc-c fxd-c'>
<h1 class='mB-30 fw-900 lh-1 c-red-500' style="font-size: 60px;">500</h1>
<h3 class='mB-10 fsz-lg c-grey-900 tt-c'>Internal server error</h3>
<p class='mB-30 fsz-def c-grey-700'>Something goes wrong with our servers, please try again later.</p>
<h3 class='mB-10 fsz-lg c-grey-900 tt-c'>خطای داخلی سرور</h3>
<p class='mB-30 fsz-def c-grey-700'>مشکلی در سرورهای ما وجود دارد، لطفاً بعداً دوباره امتحان کنید.</p>
<div>
<a href="index.html" type='primary' class='btn btn-primary'>Go to Home</a>
<a href="index.html" type='primary' class='btn btn-primary'>رفتن به خانه</a>
</div>
</div>
</div>


+ 245
- 0
src/assets/scripts/vectorMaps/countries.js View File

@ -0,0 +1,245 @@
export default [
{ name: 'Afghanistan', code: 'AF', name_fa: 'افغانستان' },
{ name: 'land Islands', code: 'AX', name_fa: 'جزایر الند' },
{ name: 'Albania', code: 'AL', name_fa: 'آلبانی' },
{ name: 'Algeria', code: 'DZ', name_fa: 'الجزایر' },
{ name: 'American Samoa', code: 'AS', name_fa: 'ساموآی آمریکا' },
{ name: 'AndorrA', code: 'AD', name_fa: 'آندورا' },
{ name: 'Angola', code: 'AO', name_fa: 'آنگولا' },
{ name: 'Anguilla', code: 'AI', name_fa: 'آنگویلا' },
{ name: 'Antigua and Barbuda', code: 'AG', name_fa: 'آنتیگوآ و باربودا' },
{ name: 'Argentina', code: 'AR', name_fa: 'آرژانتین' },
{ name: 'Armenia', code: 'AM', name_fa: 'ارمنستان' },
{ name: 'Aruba', code: 'AW', name_fa: 'آروبا' },
{ name: 'Australia', code: 'AU', name_fa: 'استرالیا' },
{ name: 'Austria', code: 'AT', name_fa: 'اتریش' },
{ name: 'Azerbaijan', code: 'AZ', name_fa: 'آذربایجان' },
{ name: 'Bahamas', code: 'BS', name_fa: 'باهاما' },
{ name: 'Bahrain', code: 'BH', name_fa: 'بحرین' },
{ name: 'Bangladesh', code: 'BD', name_fa: 'بنگلادش' },
{ name: 'Barbados', code: 'BB', name_fa: 'باربادوس' },
{ name: 'Belarus', code: 'BY', name_fa: 'بلاروس' },
{ name: 'Belgium', code: 'BE', name_fa: 'بلژیک' },
{ name: 'Belize', code: 'BZ', name_fa: 'بلیز' },
{ name: 'Benin', code: 'BJ', name_fa: 'بنین' },
{ name: 'Bermuda', code: 'BM', name_fa: 'برمودا' },
{ name: 'Bhutan', code: 'BT', name_fa: 'بوتان' },
{ name: 'Bolivia', code: 'BO', name_fa: 'بولیوی' },
{ name: 'Bosnia and Herzegovina', code: 'BA', name_fa: 'بوسنی و هرزگوین' },
{ name: 'Botswana', code: 'BW', name_fa: 'بوتسوانا' },
{ name: 'Bouvet Island', code: 'BV', name_fa: 'جزیره بووه' },
{ name: 'Brazil', code: 'BR', name_fa: 'برزیل' },
{ name: 'British Indian Ocean Territory', code: 'IO', name_fa: '' },
{ name: 'Brunei Darussalam', code: 'BN', name_fa: 'برونئی' },
{ name: 'Bulgaria', code: 'BG', name_fa: 'بلغارستان' },
{ name: 'Burkina Faso', code: 'BF', name_fa: 'بورکینافاسو' },
{ name: 'Burundi', code: 'BI', name_fa: 'بوروندی' },
{ name: 'Cambodia', code: 'KH', name_fa: 'کامبوج' },
{ name: 'Cameroon', code: 'CM', name_fa: 'کامرون' },
{ name: 'Canada', code: 'CA', name_fa: 'کانادا' },
{ name: 'Cape Verde', code: 'CV', name_fa: 'کیپ ورد' },
{ name: 'Cayman Islands', code: 'KY', name_fa: 'جزایر کیمن' },
{ name: 'Central African Republic', code: 'CF', name_fa: 'جمهوری آفریقای مرکزی' },
{ name: 'Chad', code: 'TD', name_fa: 'چاد' },
{ name: 'Chile', code: 'CL', name_fa: 'شیلی' },
{ name: 'China', code: 'CN', name_fa: 'چین' },
{ name: 'Christmas Island', code: 'CX', name_fa: 'جزایر کریسمس' },
{ name: 'Cocos (Keeling) Islands', code: 'CC', name_fa: '' },
{ name: 'Colombia', code: 'CO', name_fa: 'کلمبیا' },
{ name: 'Comoros', code: 'KM', name_fa: 'اتحاد قمر' },
{ name: 'Congo', code: 'CG', name_fa: 'کنگو' },
{ name: 'Congo, The Democratic Republic of the', code: 'CD', name_fa: 'جمهوری دموکراتیک کنگو' },
{ name: 'Cook Islands', code: 'CK', name_fa: 'جزایر کوک' },
{ name: 'Costa Rica', code: 'CR', name_fa: 'کاستاریکا' },
{ name: "Cote D'Ivoire", code: 'CI', name_fa: '' },
{ name: 'Croatia', code: 'HR', name_fa: 'کرواسی' },
{ name: 'Cuba', code: 'CU', name_fa: 'کوبا' },
{ name: 'Cyprus', code: 'CY', name_fa: 'قبرس' },
{ name: 'Czech Republic', code: 'CZ', name_fa: 'جمهوری چک' },
{ name: 'Denmark', code: 'DK', name_fa: 'دانمارک' },
{ name: 'Djibouti', code: 'DJ', name_fa: 'جیبوتی' },
{ name: 'Dominica', code: 'DM', name_fa: 'دومینیکا' },
{ name: 'Dominican Republic', code: 'DO', name_fa: 'جمهوری دومینیکن' },
{ name: 'Ecuador', code: 'EC', name_fa: 'اکوادور' },
{ name: 'Egypt', code: 'EG', name_fa: 'مصر' },
{ name: 'El Salvador', code: 'SV', name_fa: 'السالوادور' },
{ name: 'Equatorial Guinea', code: 'GQ', name_fa: 'گینه استوایی' },
{ name: 'Eritrea', code: 'ER', name_fa: 'اریتره' },
{ name: 'Estonia', code: 'EE', name_fa: 'استونی' },
{ name: 'Ethiopia', code: 'ET', name_fa: 'اتیوپی' },
{ name: 'Falkland Islands (Malvinas)', code: 'FK', name_fa: 'جزایر فالکلند' },
{ name: 'Faroe Islands', code: 'FO', name_fa: 'جزایر فارو' },
{ name: 'Fiji', code: 'FJ', name_fa: 'فیجی' },
{ name: 'Finland', code: 'FI', name_fa: 'فنلاند' },
{ name: 'France', code: 'FR', name_fa: 'فرانسه' },
{ name: 'French Guiana', code: 'GF', name_fa: 'گویان فرانسه' },
{ name: 'French Polynesia', code: 'PF', name_fa: 'پولینزی فرانسوی' },
{ name: 'French Southern Territories', code: 'TF', name_fa: '' },
{ name: 'Gabon', code: 'GA', name_fa: 'گابن' },
{ name: 'Gambia', code: 'GM', name_fa: 'گامیا' },
{ name: 'Georgia', code: 'GE', name_fa: 'گرجستان' },
{ name: 'Germany', code: 'DE', name_fa: 'آلمان' },
{ name: 'Ghana', code: 'GH', name_fa: 'غنا' },
{ name: 'Gibraltar', code: 'GI', name_fa: '' },
{ name: 'Greece', code: 'GR', name_fa: 'یونان' },
{ name: 'Greenland', code: 'GL', name_fa: 'گرینلند' },
{ name: 'Grenada', code: 'GD', name_fa: 'گرانادا' },
{ name: 'Guadeloupe', code: 'GP', name_fa: '' },
{ name: 'Guam', code: 'GU', name_fa: 'گوام' },
{ name: 'Guatemala', code: 'GT', name_fa: 'گواتمالا' },
{ name: 'Guernsey', code: 'GG', name_fa: '' },
{ name: 'Guinea', code: 'GN', name_fa: 'گینه' },
{ name: 'Guinea-Bissau', code: 'GW', name_fa: 'گینه بیسائو' },
{ name: 'Guyana', code: 'GY', name_fa: 'گویان' },
{ name: 'Haiti', code: 'HT', name_fa: 'هاییتی' },
{ name: 'Heard Island and Mcdonald Islands', code: 'HM', name_fa: '' },
{ name: 'Holy See (Vatican City State)', code: 'VA', name_fa: '' },
{ name: 'Honduras', code: 'HN', name_fa: 'هندوراس' },
{ name: 'Hong Kong', code: 'HK', name_fa: 'هنگ‌کنگ' },
{ name: 'Hungary', code: 'HU', name_fa: 'مجارستان' },
{ name: 'Iceland', code: 'IS', name_fa: 'ایسلند' },
{ name: 'India', code: 'IN', name_fa: 'هند' },
{ name: 'Indonesia', code: 'ID', name_fa: 'اندونزی' },
{ name: 'Iran', code: 'IR', name_fa: 'ایران' },
{ name: 'Iraq', code: 'IQ', name_fa: 'عراق' },
{ name: 'Ireland', code: 'IE', name_fa: 'ایرلند' },
{ name: 'Isle of Man', code: 'IM', name_fa: '' },
{ name: 'Israel', code: 'IL', name_fa: 'اسراییل' },
{ name: 'Italy', code: 'IT', name_fa: 'ایتالیا' },
{ name: 'Jamaica', code: 'JM', name_fa: 'جاماییکا' },
{ name: 'Japan', code: 'JP', name_fa: 'ژاپن' },
{ name: 'Jersey', code: 'JE', name_fa: '' },
{ name: 'Jordan', code: 'JO', name_fa: 'اردن' },
{ name: 'Kazakhstan', code: 'KZ', name_fa: 'قزاقستان' },
{ name: 'Kenya', code: 'KE', name_fa: 'کنیا' },
{ name: 'Kiribati', code: 'KI', name_fa: '' },
{ name: "Korea, Democratic People'S Republic of", code: 'KP', name_fa: 'کره شمالی' },
{ name: 'Korea, Republic of', code: 'KR', name_fa: 'کره جنوبی' },
{ name: 'Kuwait', code: 'KW', name_fa: 'کویت' },
{ name: 'Kyrgyzstan', code: 'KG', name_fa: 'قرقیزستان' },
{ name: "Lao People'S Democratic Republic", code: 'LA', name_fa: ' لائوس' },
{ name: 'Latvia', code: 'LV', name_fa: 'لاتویا' },
{ name: 'Lebanon', code: 'LB', name_fa: 'لبنان' },
{ name: 'Lesotho', code: 'LS', name_fa: 'لسوتو' },
{ name: 'Liberia', code: 'LR', name_fa: 'لیبریا' },
{ name: 'Libyan Arab Jamahiriya', code: 'LY', name_fa: 'لیبی' },
{ name: 'Liechtenstein', code: 'LI', name_fa: 'لیختنشتاین' },
{ name: 'Lithuania', code: 'LT', name_fa: 'لیتوانی' },
{ name: 'Luxembourg', code: 'LU', name_fa: 'لوگزامبورگ' },
{ name: 'Macao', code: 'MO', name_fa: 'ماکائو' },
{ name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK', name_fa: 'مقدونیه' },
{ name: 'Madagascar', code: 'MG', name_fa: 'ماداگاسکار' },
{ name: 'Malawi', code: 'MW', name_fa: 'مالاوی' },
{ name: 'Malaysia', code: 'MY', name_fa: 'مالزی' },
{ name: 'Maldives', code: 'MV', name_fa: 'مالدیو' },
{ name: 'Mali', code: 'ML', name_fa: 'مالی' },
{ name: 'Malta', code: 'MT', name_fa: 'مالت' },
{ name: 'Marshall Islands', code: 'MH', name_fa: 'جزایر مارشال' },
{ name: 'Martinique', code: 'MQ', name_fa: '' },
{ name: 'Mauritania', code: 'MR', name_fa: 'موریتانی' },
{ name: 'Mauritius', code: 'MU', name_fa: 'موریس' },
{ name: 'Mayotte', code: 'YT', name_fa: '' },
{ name: 'Mexico', code: 'MX', name_fa: 'مکزیک' },
{ name: 'Micronesia, Federated States of', code: 'FM', name_fa: 'میکرونزی' },
{ name: 'Moldova, Republic of', code: 'MD', name_fa: 'مولداوی' },
{ name: 'Monaco', code: 'MC', name_fa: 'موناکو' },
{ name: 'Mongolia', code: 'MN', name_fa: 'مغولستان' },
{ name: 'Montenegro', code: 'ME', name_fa: 'مونتنگرو' },
{ name: 'Montserrat', code: 'MS', name_fa: '' },
{ name: 'Morocco', code: 'MA', name_fa: 'مراکش' },
{ name: 'Mozambique', code: 'MZ', name_fa: 'موزامبیک' },
{ name: 'Myanmar', code: 'MM', name_fa: 'میانمار' },
{ name: 'Namibia', code: 'NA', name_fa: 'نامیبیا' },
{ name: 'Nauru', code: 'NR', name_fa: 'نائورو' },
{ name: 'Nepal', code: 'NP', name_fa: 'نپال' },
{ name: 'Netherlands', code: 'NL', name_fa: 'هلند' },
{ name: 'Netherlands Antilles', code: 'AN', name_fa: 'آنتیل هلند' },
{ name: 'New Caledonia', code: 'NC', name_fa: '' },
{ name: 'New Zealand', code: 'NZ', name_fa: 'نیوزیلند' },
{ name: 'Nicaragua', code: 'NI', name_fa: 'نیکاراگوئه' },
{ name: 'Niger', code: 'NE', name_fa: 'نیجر' },
{ name: 'Nigeria', code: 'NG', name_fa: 'نیجریه' },
{ name: 'Niue', code: 'NU', name_fa: '' },
{ name: 'Norfolk Island', code: 'NF', name_fa: '' },
{ name: 'Northern Mariana Islands', code: 'MP', name_fa: 'جزایر ماریان شمالی' },
{ name: 'Norway', code: 'NO', name_fa: 'نروژ' },
{ name: 'Oman', code: 'OM', name_fa: 'عمان' },
{ name: 'Pakistan', code: 'PK', name_fa: 'پاکستان' },
{ name: 'Palau', code: 'PW', name_fa: 'پالائو' },
{ name: 'Palestinian Territory, Occupied', code: 'PS', name_fa: 'فلسطین' },
{ name: 'Panama', code: 'PA', name_fa: 'پاناما' },
{ name: 'Papua New Guinea', code: 'PG', name_fa: 'پاپوا گینه نو' },
{ name: 'Paraguay', code: 'PY', name_fa: 'پاراگوئه' },
{ name: 'Peru', code: 'PE', name_fa: 'پرو' },
{ name: 'Philippines', code: 'PH', name_fa: 'فیلیپین' },
{ name: 'Pitcairn', code: 'PN', name_fa: '' },
{ name: 'Poland', code: 'PL', name_fa: 'لهستان' },
{ name: 'Portugal', code: 'PT', name_fa: 'پرتغال' },
{ name: 'Puerto Rico', code: 'PR', name_fa: 'پورتو ریکو' },
{ name: 'Qatar', code: 'QA', name_fa: 'قطر' },
{ name: 'Reunion', code: 'RE', name_fa: '' },
{ name: 'Romania', code: 'RO', name_fa: 'رومانی' },
{ name: 'Russian Federation', code: 'RU', name_fa: 'روسیه' },
{ name: 'RWANDA', code: 'RW', name_fa: 'رواندا' },
{ name: 'Saint Helena', code: 'SH', name_fa: '' },
{ name: 'Saint Kitts and Nevis', code: 'KN', name_fa: 'سنت کیتس و نویس' },
{ name: 'Saint Lucia', code: 'LC', name_fa: '' },
{ name: 'Saint Pierre and Miquelon', code: 'PM', name_fa: '' },
{ name: 'Saint Vincent and the Grenadines', code: 'VC', name_fa: '' },
{ name: 'Samoa', code: 'WS', name_fa: 'ساموآ' },
{ name: 'San Marino', code: 'SM', name_fa: 'سن مارینو' },
{ name: 'Sao Tome and Principe', code: 'ST', name_fa: '' },
{ name: 'Saudi Arabia', code: 'SA', name_fa: 'عربستان' },
{ name: 'Senegal', code: 'SN', name_fa: 'سنگال' },
{ name: 'Serbia', code: 'RS', name_fa: 'صربستان' },
{ name: 'Seychelles', code: 'SC', name_fa: 'سیشل' },
{ name: 'Sierra Leone', code: 'SL', name_fa: 'سیرالئون' },
{ name: 'Singapore', code: 'SG', name_fa: 'سنگاپور' },
{ name: 'Slovakia', code: 'SK', name_fa: 'اسلوواکی' },
{ name: 'Slovenia', code: 'SI', name_fa: 'اسلوونی' },
{ name: 'Solomon Islands', code: 'SB', name_fa: 'جزایر سلیمان' },
{ name: 'Somalia', code: 'SO', name_fa: 'سومالی' },
{ name: 'South Africa', code: 'ZA', name_fa: 'آفریقای جنوبی' },
{ name: 'South Georgia and the South Sandwich Islands', code: 'GS', name_fa: '' },
{ name: 'Spain', code: 'ES', name_fa: 'اسپانیا' },
{ name: 'Sri Lanka', code: 'LK', name_fa: 'سریلانکا' },
{ name: 'Sudan', code: 'SD', name_fa: 'سودان' },
{ name: 'Suriname', code: 'SR', name_fa: 'سورینام' },
{ name: 'Svalbard and Jan Mayen', code: 'SJ', name_fa: '' },
{ name: 'Swaziland', code: 'SZ', name_fa: 'سوازیلند' },
{ name: 'Sweden', code: 'SE', name_fa: 'سوئد' },
{ name: 'Switzerland', code: 'CH', name_fa: 'سوییس' },
{ name: 'Syrian Arab Republic', code: 'SY', name_fa: 'سوریه' },
{ name: 'Taiwan, Province of China', code: 'TW', name_fa: 'تایوان' },
{ name: 'Tajikistan', code: 'TJ', name_fa: 'تاجیکستان' },
{ name: 'Tanzania, United Republic of', code: 'TZ', name_fa: 'تانزانیا' },
{ name: 'Thailand', code: 'TH', name_fa: 'تایلند' },
{ name: 'Timor-Leste', code: 'TL', name_fa: 'تیمور شرقی' },
{ name: 'Togo', code: 'TG', name_fa: 'توگو' },
{ name: 'Tokelau', code: 'TK', name_fa: '' },
{ name: 'Tonga', code: 'TO', name_fa: 'تونگا' },
{ name: 'Trinidad and Tobago', code: 'TT', name_fa: 'ترینیداد' },
{ name: 'Tunisia', code: 'TN', name_fa: 'تونس' },
{ name: 'Turkey', code: 'TR', name_fa: 'ترکیه' },
{ name: 'Turkmenistan', code: 'TM', name_fa: 'ترکمنستان' },
{ name: 'Turks and Caicos Islands', code: 'TC', name_fa: '' },
{ name: 'Tuvalu', code: 'TV', name_fa: 'تووالو' },
{ name: 'Uganda', code: 'UG', name_fa: 'اوگاندا' },
{ name: 'Ukraine', code: 'UA', name_fa: 'اوکراین' },
{ name: 'United Arab Emirates', code: 'AE', name_fa: 'امارات متحده' },
{ name: 'United Kingdom', code: 'GB', name_fa: 'انگلیس' },
{ name: 'United States', code: 'US', name_fa: 'آمریکا' },
{ name: 'United States Minor Outlying Islands', code: 'UM', name_fa: '' },
{ name: 'Uruguay', code: 'UY', name_fa: 'اروگوئه' },
{ name: 'Uzbekistan', code: 'UZ', name_fa: 'ازبسکتان' },
{ name: 'Vanuatu', code: 'VU', name_fa: 'وانواتو' },
{ name: 'Venezuela', code: 'VE', name_fa: 'ونزوئلا' },
{ name: 'Viet Nam', code: 'VN', name_fa: 'ویتنام' },
{ name: 'Virgin Islands, British', code: 'VG', name_fa: '' },
{ name: 'Virgin Islands, U.S.', code: 'VI', name_fa: '' },
{ name: 'Wallis and Futuna', code: 'WF', name_fa: '' },
{ name: 'Western Sahara', code: 'EH', name_fa: 'صحرای غربی' },
{ name: 'Yemen', code: 'YE', name_fa: 'یمن' },
{ name: 'Zambia', code: 'ZM', name_fa: 'زامبیا' },
{ name: 'Zimbabw', code: 'Z', name_fa: 'زیمباوه' },
];

+ 9
- 6
src/assets/scripts/vectorMaps/index.js View File

@ -3,6 +3,7 @@ import 'jvectormap';
import 'jvectormap/jquery-jvectormap.css';
import './jquery-jvectormap-world-mill.js';
import { debounce } from 'lodash';
import countries from './countries';
export default (function () {
const vectorMapInit = () => {
@ -36,7 +37,9 @@ export default (function () {
fill: '#e4ecef',
},
},
onRegionTipShow: (e, el, code) => {
el.html(countries.find((c) => c.code == code).name_fa);
},
markerStyle: {
initial: {
r: 7,
@ -51,23 +54,23 @@ export default (function () {
markers: [
{
latLng: [21.0, 78.0],
name: 'INDIA : 350',
name: 'هند : ۳۵۰',
},
{
latLng: [-33.0, 151.0],
name: 'Australia : 250',
name: 'استرالیا : ۲۵۰',
},
{
latLng: [36.77, -119.41],
name: 'USA : 250',
name: 'آمریکا : ۲۵۰',
},
{
latLng: [55.37, -3.41],
name: 'UK : 250',
name: 'بریتانیا : ۲۵۰',
},
{
latLng: [25.2, 55.27],
name: 'UAE : 250',
name: 'امارات متحده عربی : ۲۵۰',
},
],
series: {


+ 16
- 0
src/assets/styles/spec/generic/base.scss View File

@ -102,3 +102,19 @@ a.btn:hover {
}
/* stylelint-enable */
/* rtl:begin:ignore */
.ltr {
direction: ltr !important;
}
.rtl {
direction: rtl !important;
}
.code {
direction:ltr !important;
text-align:left !important;
}
/* rtl:end:ignore */

+ 5
- 3
src/assets/styles/spec/settings/fonts.scss View File

@ -1,4 +1,6 @@
$font-primary:
roboto, -apple-system, system-ui, blinkmacsystemfont, "Segoe UI", "Helvetica Neue", arial, sans-serif;
/* rtl:raw:
@import "vazirmatn/Vazirmatn-font-face.css";
*/
$font-primary: roboto, -apple-system, system-ui, blinkmacsystemfont, "Segoe UI", "Helvetica Neue", arial, sans-serif #{'/*rtl:prepend:"Vazirmatn", */'};
$font-secondary: $font-primary;
$font-size-base: 0.875rem;
$font-size-base: 0.875rem;

+ 80
- 80
src/basic-table.html View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Basic Table</title>
<title>جدول پایه</title>
<style>
#loader {
transition: all 0.3s ease-in-out;
@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,15 +227,15 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
</li>
<li>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
</li>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,13 +378,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -392,7 +392,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,7 +466,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right ms-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -477,33 +477,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -516,19 +516,19 @@
<main class='main-content bgc-grey-100'>
<div id='mainContent'>
<div class="container-fluid">
<h4 class="c-grey-900 mT-10 mB-30">Basic Tables</h4>
<h4 class="c-grey-900 mT-10 mB-30">جداول پایه</h4>
<div class="row">
<div class="col-md-12">
<div class="bgc-white bd bdrs-3 p-20 mB-20">
<h4 class="c-grey-900 mB-20">Simple Table</h4>
<p>Using the most basic table markup, here’s how <code class="highlighter-rouge">.table</code>-based tables look in Bootstrap. <strong>All table styles are inherited in Bootstrap 5</strong>, meaning any nested tables will be styled in the same manner as the parent.</p>
<h4 class="c-grey-900 mB-20">جدول ساده</h4>
<p>با استفاده از ابتدایی‌ترین نشانه‌گذاری جدول، در اینجا نحوه استفاده از جدول آمده است <code class="highlighter-rouge">.table</code> بر اساس جدول‌های بوت استرپ. <strong>تمام ویژگی‌ها از بوت استرپ ۵ وراثت گرفته شده است</strong>, به این معنی که هر جدول تودرتو به همان شیوه‌ای استایل‌بندی می‌شود که والد.</p>
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First Name</th>
<th scope="col">Last Name</th>
<th scope="col">Username</th>
<th scope="col">نام</th>
<th scope="col">نام‌خانوادگی</th>
<th scope="col">نام‌کاربری</th>
</tr>
</thead>
<tbody>
@ -558,15 +558,15 @@
<div class="row">
<div class="col-md-12">
<div class="bgc-white bd bdrs-3 p-20 mB-20">
<h4 class="c-grey-900 mB-20">Table head options</h4>
<p>Similar to tables and dark tables, use the modifier classes <code class="highlighter-rouge">.table-light</code> or <code class="highlighter-rouge">.table-dark</code> to make <code class="highlighter-rouge">&lt;thead&gt;</code>s appear light or dark gray.</p>
<h4 class="c-grey-900 mB-20">گزینه‌های سر جدول</h4>
<p>مشابه جداول و جداول تیره، از کلاس های اصلاح کننده <code class="highlighter-rouge">.table-light</code> یا <code class="highlighter-rouge">.table-dark</code> استفاده کنید تا <code class="highlighter-rouge">&lt;thead&gt;</code> به شکل روشن ویا تیره نمایش داده شود.</p>
<table class="table">
<thead class="table-dark">
<tr>
<th scope="col">#</th>
<th scope="col">First Name</th>
<th scope="col">Last Name</th>
<th scope="col">Username</th>
<th scope="col">نام</th>
<th scope="col">نام‌خانوادگی</th>
<th scope="col">نام‌کاربری</th>
</tr>
</thead>
<tbody>
@ -602,9 +602,9 @@
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First Name</th>
<th scope="col">Last Name</th>
<th scope="col">Username</th>
<th scope="col">نام</th>
<th scope="col">نام‌خانوادگی</th>
<th scope="col">نام‌کاربری</th>
</tr>
</thead>
<tbody>
@ -640,9 +640,9 @@
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First Name</th>
<th scope="col">Last Name</th>
<th scope="col">Username</th>
<th scope="col">نام</th>
<th scope="col">نام‌خانوادگی</th>
<th scope="col">نام‌کاربری</th>
</tr>
</thead>
<tbody>
@ -683,9 +683,9 @@
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First Name</th>
<th scope="col">Last Name</th>
<th scope="col">Username</th>
<th scope="col">نام</th>
<th scope="col">نام‌خانوادگی</th>
<th scope="col">نام‌کاربری</th>
</tr>
</thead>
<tbody>
@ -717,7 +717,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 62
- 62
src/blank.html View File

@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,14 +227,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,21 +378,21 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,44 +466,44 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="dropdown">
<a href="" class="dropdown-toggle no-after peers fxw-nw ai-c lh-1" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
<a href="" class="dropdown-toggle no-after peers fxw-nw ai-c lh-1" data-bs-toggle="dropdown">
<div class="peer mR-10">
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm" aria-labelledby="dropdownMenuLink">
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -524,7 +524,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 59
- 59
src/buttons.html View File

@ -53,7 +53,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -75,7 +75,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -83,7 +83,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -91,7 +91,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -99,7 +99,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -107,7 +107,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -115,7 +115,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -123,7 +123,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -131,7 +131,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -139,17 +139,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -158,17 +158,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -177,14 +177,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -193,10 +193,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -205,7 +205,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -213,22 +213,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -256,20 +256,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -280,12 +280,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -297,12 +297,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -314,12 +314,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -328,13 +328,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -342,7 +342,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -355,14 +355,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -377,14 +377,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -399,14 +399,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -416,44 +416,44 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="dropdown">
<a href="" class="dropdown-toggle no-after peers fxw-nw ai-c lh-1" data-bs-toggle="dropdown">
<div class="peer me-10">
<div class="peer mR-10">
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -469,7 +469,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 58
- 58
src/calendar.html View File

@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,14 +227,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,13 +378,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -392,7 +392,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,7 +466,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -477,33 +477,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -694,7 +694,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 58
- 58
src/charts.html View File

@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,14 +227,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,13 +378,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -392,7 +392,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,7 +466,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -477,33 +477,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -643,7 +643,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 58
- 58
src/chat.html View File

@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,14 +227,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,13 +378,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -392,7 +392,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,7 +466,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -477,33 +477,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -732,7 +732,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 58
- 58
src/compose.html View File

@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,14 +227,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,13 +378,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -392,7 +392,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,7 +466,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -477,33 +477,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -645,7 +645,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 60
- 60
src/datatable.html View File

@ -96,7 +96,7 @@
<div class="sidebar-logo">
<div class="peers ai-c fxw-nw">
<div class="peer peer-greed">
<a class="sidebar-link td-n" href="/">
<a class="sidebar-link td-n" href="index.html">
<div class="peers ai-c fxw-nw">
<div class="peer">
<div class="logo">
@ -104,7 +104,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -122,11 +122,11 @@
<!-- ### $Sidebar Menu ### -->
<ul class="sidebar-menu scrollable pos-r">
<li class="nav-item mT-30 actived">
<a class="sidebar-link" href="/">
<a class="sidebar-link" href="index.html">
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -134,7 +134,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -142,7 +142,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -150,7 +150,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -158,7 +158,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -166,7 +166,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -174,7 +174,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -182,7 +182,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -190,17 +190,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -209,17 +209,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -228,14 +228,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -244,10 +244,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -256,7 +256,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -264,22 +264,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -307,20 +307,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -331,12 +331,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -348,12 +348,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -365,12 +365,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -379,13 +379,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -393,7 +393,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -406,14 +406,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -428,14 +428,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -450,14 +450,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -467,7 +467,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -478,33 +478,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -1011,7 +1011,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 58
- 58
src/email.html View File

@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,14 +227,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,13 +378,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -392,7 +392,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,7 +466,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -477,33 +477,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -1014,7 +1014,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 58
- 58
src/forms.html View File

@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,14 +227,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,13 +378,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -392,7 +392,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,7 +466,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -477,33 +477,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -762,7 +762,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 58
- 58
src/google-maps.html View File

@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,14 +227,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,13 +378,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -392,7 +392,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,7 +466,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -477,33 +477,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -532,7 +532,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 164
- 164
src/index.html View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Dashboard</title>
<title>داشبورد</title>
<style>
#loader {
@ -102,7 +102,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -124,7 +124,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -132,7 +132,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -140,7 +140,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -148,7 +148,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -156,7 +156,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -164,7 +164,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -172,7 +172,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -180,7 +180,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -188,17 +188,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -207,17 +207,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -226,14 +226,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -242,10 +242,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -254,7 +254,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -262,22 +262,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -305,20 +305,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -329,12 +329,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -346,12 +346,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -363,12 +363,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -377,13 +377,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -391,7 +391,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -404,14 +404,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -426,14 +426,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -448,14 +448,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -465,7 +465,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -476,33 +476,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -522,7 +522,7 @@
<div class='col-md-3'>
<div class="layers bd bgc-white p-20">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Total Visits</h6>
<h6 class="lh-1">تعداد بازدید</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
@ -530,7 +530,7 @@
<span id="sparklinedash"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">+10%</span>
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500 ltr">+۱۰٪</span>
</div>
</div>
</div>
@ -541,7 +541,7 @@
<div class='col-md-3'>
<div class="layers bd bgc-white p-20">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Total Page Views</h6>
<h6 class="lh-1">تعداد صفحات مشاهده شده</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
@ -549,7 +549,7 @@
<span id="sparklinedash2"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-red-50 c-red-500">-7%</span>
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-red-50 c-red-500 ltr">-۷٪/<span>
</div>
</div>
</div>
@ -560,7 +560,7 @@
<div class='col-md-3'>
<div class="layers bd bgc-white p-20">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Unique Visitor</h6>
<h6 class="lh-1">تعداد بازدید یکتا</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
@ -568,7 +568,7 @@
<span id="sparklinedash3"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-purple-50 c-purple-500">~12%</span>
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-purple-50 c-purple-500 ltr">~۱۲٪</span>
</div>
</div>
</div>
@ -579,7 +579,7 @@
<div class='col-md-3'>
<div class="layers bd bgc-white p-20">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Bounce Rate</h6>
<h6 class="lh-1">نرخ پرش</h6>
</div>
<div class="layer w-100">
<div class="peers ai-sb fxw-nw">
@ -587,7 +587,7 @@
<span id="sparklinedash4"></span>
</div>
<div class="peer">
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500">33%</span>
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500 ltr">۳۳٪</span>
</div>
</div>
</div>
@ -602,7 +602,7 @@
<div class="peer peer-greed w-70p@lg+ w-100@lg- p-20">
<div class="layers">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Site Visits</h6>
<h6 class="lh-1">بازدید‌های سایت</h6>
</div>
<div class="layer w-100">
<div id="world-map-marker"></div>
@ -616,32 +616,32 @@
<div class="layers">
<div class="layer w-100">
<h5 class="mB-5">100k</h5>
<small class="fw-600 c-grey-700">Visitors From USA</small>
<span class="pull-right c-grey-600 fsz-sm">50%</span>
<small class="fw-600 c-grey-700">بازدید از ایالات متحده آمریکا</small>
<span class="pull-right c-grey-600 fsz-sm ltr">۵۰٪</span>
<div class="progress mT-10">
<div class="progress-bar bgc-deep-purple-500" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%;"> <span class="visually-hidden">50% Complete</span></div>
</div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">1M</h5>
<small class="fw-600 c-grey-700">Visitors From Europe</small>
<span class="pull-right c-grey-600 fsz-sm">80%</span>
<small class="fw-600 c-grey-700">بازدید از اروپا</small>
<span class="pull-right c-grey-600 fsz-sm ltr">۸۰٪</span>
<div class="progress mT-10">
<div class="progress-bar bgc-green-500" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:80%;"> <span class="visually-hidden">80% Complete</span></div>
</div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">450k</h5>
<small class="fw-600 c-grey-700">Visitors From Australia</small>
<span class="pull-right c-grey-600 fsz-sm">40%</span>
<small class="fw-600 c-grey-700">بازدید از استرالیا</small>
<span class="pull-right c-grey-600 fsz-sm ltr">۴۰٪</span>
<div class="progress mT-10">
<div class="progress-bar bgc-light-blue-500" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:40%;"> <span class="visually-hidden">40% Complete</span></div>
</div>
</div>
<div class="layer w-100 mT-15">
<h5 class="mB-5">1B</h5>
<small class="fw-600 c-grey-700">Visitors From India</small>
<span class="pull-right c-grey-600 fsz-sm">90%</span>
<small class="fw-600 c-grey-700">بازدید از هند</small>
<span class="pull-right c-grey-600 fsz-sm ltr">۹۰٪</span>
<div class="progress mT-10">
<div class="progress-bar bgc-blue-grey-500" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:90%;"> <span class="visually-hidden">90% Complete</span></div>
</div>
@ -652,21 +652,21 @@
<div class="peers pT-20 mT-20 bdT fxw-nw@lg+ jc-sb ta-c gap-10">
<div class="peer">
<div class="easy-pie-chart" data-size='80' data-percent="75" data-bar-color='#f44336'>
<span></span>
<span class='ltr'></span>
</div>
<h6 class="fsz-sm">New Users</h6>
<h6 class="fsz-sm">کاربران جدید</h6>
</div>
<div class="peer">
<div class="easy-pie-chart" data-size='80' data-percent="50" data-bar-color='#2196f3'>
<span></span>
<span class='ltr'></span>
</div>
<h6 class="fsz-sm">New Purchases</h6>
<h6 class="fsz-sm">خرید‌های جدید</h6>
</div>
<div class="peer">
<div class="easy-pie-chart" data-size='80' data-percent="90" data-bar-color='#ff9800'>
<span></span>
<span class='ltr'></span>
</div>
<h6 class="fsz-sm">Bounce Rate</h6>
<h6 class="fsz-sm">نرخ پرش</h6>
</div>
</div>
</div>
@ -680,7 +680,7 @@
<div class="bd bgc-white">
<div class="layers">
<div class="layer w-100 pX-20 pT-20">
<h6 class="lh-1">Monthly Stats</h6>
<h6 class="lh-1">آمار ماهانه</h6>
</div>
<div class="layer w-100 p-20">
<canvas id="line-chart" height="220"></canvas>
@ -688,20 +688,20 @@
<div class="layer bdT p-20 w-100">
<div class="peers ai-c jc-c gapX-20">
<div class="peer">
<span class="fsz-def fw-600 mR-10 c-grey-800">10% <i class="fa fa-level-up c-green-500"></i></span>
<span class="fsz-def fw-600 mR-10 c-grey-800">۱۰٪ <i class="fa fa-level-up c-green-500"></i></span>
<small class="c-grey-500 fw-600">APPL</small>
</div>
<div class="peer fw-600">
<span class="fsz-def fw-600 mR-10 c-grey-800">2% <i class="fa fa-level-down c-red-500"></i></span>
<small class="c-grey-500 fw-600">Average</small>
<span class="fsz-def fw-600 mR-10 c-grey-800">۲٪ <i class="fa fa-level-down c-red-500"></i></span>
<small class="c-grey-500 fw-600">میانگین</small>
</div>
<div class="peer fw-600">
<span class="fsz-def fw-600 mR-10 c-grey-800">15% <i class="fa fa-level-up c-green-500"></i></span>
<small class="c-grey-500 fw-600">Sales</small>
<span class="fsz-def fw-600 mR-10 c-grey-800">۱۵٪ <i class="fa fa-level-up c-green-500"></i></span>
<small class="c-grey-500 fw-600">فروش‌ها</small>
</div>
<div class="peer fw-600">
<span class="fsz-def fw-600 mR-10 c-grey-800">8% <i class="fa fa-level-down c-red-500"></i></span>
<small class="c-grey-500 fw-600">Profit</small>
<span class="fsz-def fw-600 mR-10 c-grey-800">۸٪ <i class="fa fa-level-down c-red-500"></i></span>
<small class="c-grey-500 fw-600">سود</small>
</div>
</div>
</div>
@ -713,7 +713,7 @@
<div class="bd bgc-white p-20">
<div class="layers">
<div class="layer w-100 mB-10">
<h6 class="lh-1">Todo List</h6>
<h6 class="lh-1">لیست کار‌ها</h6>
</div>
<div class="layer w-100">
<ul class="list-task list-group" data-role="tasklist">
@ -721,7 +721,7 @@
<div class="checkbox checkbox-circle checkbox-info peers ai-c">
<input type="checkbox" id="inputCall1" name="inputCheckboxesCall" class="peer">
<label for="inputCall1" class="form-label peers peer-greed js-sb ai-c">
<span class="peer peer-greed">Call John for Dinner</span>
<span class="peer peer-greed">تماس با جان برای شام</span>
</label>
</div>
</li>
@ -729,9 +729,9 @@
<div class="checkbox checkbox-circle checkbox-info peers ai-c">
<input type="checkbox" id="inputCall2" name="inputCheckboxesCall" class="peer">
<label for="inputCall2" class="form-label peers peer-greed js-sb ai-c">
<span class="peer peer-greed">Book Boss Flight</span>
<span class="peer peer-greed">خرید پرواز رئیس</span>
<span class="peer">
<span class="badge rounded-pill fl-r bg-success lh-0 p-10">2 Days</span>
<span class="badge rounded-pill fl-r bg-success lh-0 p-10">۲ روز</span>
</span>
</label>
</div>
@ -740,9 +740,9 @@
<div class="checkbox checkbox-circle checkbox-info peers ai-c">
<input type="checkbox" id="inputCall3" name="inputCheckboxesCall" class="peer">
<label for="inputCall3" class="form-label peers peer-greed js-sb ai-c">
<span class="peer peer-greed">Hit the Gym</span>
<span class="peer peer-greed">رفتن به باشگاه</span>
<span class="peer">
<span class="badge rounded-pill fl-r bg-danger lh-0 p-10">3 Minutes</span>
<span class="badge rounded-pill fl-r bg-danger lh-0 p-10">۳ دقیقه</span>
</span>
</label>
</div>
@ -751,9 +751,9 @@
<div class="checkbox checkbox-circle checkbox-info peers ai-c">
<input type="checkbox" id="inputCall4" name="inputCheckboxesCall" class="peer">
<label for="inputCall4" class="form-label peers peer-greed js-sb ai-c">
<span class="peer peer-greed">Give Purchase Report</span>
<span class="peer peer-greed">دادن گزارش خرید</span>
<span class="peer">
<span class="badge rounded-pill fl-r bg-warning lh-0 p-10">not important</span>
<span class="badge rounded-pill fl-r bg-warning lh-0 p-10">مهم نیست</span>
</span>
</label>
</div>
@ -762,9 +762,9 @@
<div class="checkbox checkbox-circle checkbox-info peers ai-c">
<input type="checkbox" id="inputCall5" name="inputCheckboxesCall" class="peer">
<label for="inputCall5" class="form-label peers peer-greed js-sb ai-c">
<span class="peer peer-greed">Watch Game of Thrones Episode</span>
<span class="peer peer-greed">تماشای قسمت جدید بازی تاج و تخت</span>
<span class="peer">
<span class="badge rounded-pill fl-r bg-info lh-0 p-10">Tomorrow</span>
<span class="badge rounded-pill fl-r bg-info lh-0 p-10">فردا</span>
</span>
</label>
</div>
@ -773,9 +773,9 @@
<div class="checkbox checkbox-circle checkbox-info peers ai-c">
<input type="checkbox" id="inputCall6" name="inputCheckboxesCall" class="peer">
<label for="inputCall6" class="form-label peers peer-greed js-sb ai-c">
<span class="peer peer-greed">Give Purchase report</span>
<span class="peer peer-greed">دادن گزارش خرید</span>
<span class="peer">
<span class="badge rounded-pill fl-r bg-success lh-0 p-10">Done</span>
<span class="badge rounded-pill fl-r bg-success lh-0 p-10">انجام شده</span>
</span>
</label>
</div>
@ -790,17 +790,17 @@
<div class="bd bgc-white">
<div class="layers">
<div class="layer w-100 p-20">
<h6 class="lh-1">Sales Report</h6>
<h6 class="lh-1">آمار فروش</h6>
</div>
<div class="layer w-100">
<div class="bgc-light-blue-500 c-white p-20">
<div class="peers ai-c jc-sb gap-40">
<div class="peer peer-greed">
<h5>November 2017</h5>
<p class="mB-0">Sales Report</p>
<h5>آبان ۹۶</h5>
<p class="mB-0">گزارش فروش</p>
</div>
<div class="peer">
<h3 class="text-end">$6,000</h3>
<h3 class="text-end">۶،۰۰۰﷼</h3>
</div>
</div>
</div>
@ -808,54 +808,54 @@
<table class="table">
<thead>
<tr>
<th class=" bdwT-0">Name</th>
<th class=" bdwT-0">Status</th>
<th class=" bdwT-0">Date</th>
<th class=" bdwT-0">Price</th>
<th class=" bdwT-0">نام</th>
<th class=" bdwT-0">وضعیت</th>
<th class=" bdwT-0">تاریخ</th>
<th class=" bdwT-0">قیمت</th>
</tr>
</thead>
<tbody>
<tr>
<td class="fw-600">Item #1 Name</td>
<td><span class="badge bgc-red-50 c-red-700 p-10 lh-0 tt-c rounded-pill">Unavailable</span> </td>
<td>Nov 18</td>
<td><span class="text-success">$12</span></td>
<td class="fw-600">آیتم شماره 1 </td>
<td><span class="badge bgc-red-50 c-red-700 p-10 lh-0 tt-c rounded-pill">خارج از دسترس</span> </td>
<td>۲۰ آبان</td>
<td><span class="text-success">۱۲﷼</span></td>
</tr>
<tr>
<td class="fw-600">Item #2 Name</td>
<td><span class="badge bgc-deep-purple-50 c-deep-purple-700 p-10 lh-0 tt-c rounded-pill">New</span></td>
<td>Nov 19</td>
<td><span class="text-info">$34</span></td>
<td class="fw-600">آیتم شماره 2 </td>
<td><span class="badge bgc-deep-purple-50 c-deep-purple-700 p-10 lh-0 tt-c rounded-pill">جدید</span></td>
<td>۱۹ آبان</td>
<td><span class="text-info">۳۴﷼</span></td>
</tr>
<tr>
<td class="fw-600">Item #3 Name</td>
<td><span class="badge bgc-pink-50 c-pink-700 p-10 lh-0 tt-c rounded-pill">New</span></td>
<td>Nov 20</td>
<td><span class="text-danger">-$45</span></td>
<td class="fw-600">آیتم شماره 3 </td>
<td><span class="badge bgc-pink-50 c-pink-700 p-10 lh-0 tt-c rounded-pill">جدید</span></td>
<td>۲۰آبان</td>
<td><span class="text-danger">-۴۵﷼</span></td>
</tr>
<tr>
<td class="fw-600">Item #4 Name</td>
<td><span class="badge bgc-green-50 c-green-700 p-10 lh-0 tt-c rounded-pill">Unavailable</span></td>
<td>Nov 21</td>
<td><span class="text-success">$65</span></td>
<td class="fw-600">آیتم شماره 4 </td>
<td><span class="badge bgc-green-50 c-green-700 p-10 lh-0 tt-c rounded-pill">خارج از دسترس</span></td>
<td>۲۱ آبان</td>
<td><span class="text-success">۶۵﷼</span></td>
</tr>
<tr>
<td class="fw-600">Item #5 Name</td>
<td><span class="badge bgc-red-50 c-red-700 p-10 lh-0 tt-c rounded-pill">Used</span></td>
<td>Nov 22</td>
<td><span class="text-success">$78</span></td>
<td class="fw-600">آیتم شماره 5 </td>
<td><span class="badge bgc-red-50 c-red-700 p-10 lh-0 tt-c rounded-pill">استفاده شده</span></td>
<td>۲۲ آبان</td>
<td><span class="text-success">۷۸﷼</span></td>
</tr>
<tr>
<td class="fw-600">Item #6 Name</td>
<td><span class="badge bgc-orange-50 c-orange-700 p-10 lh-0 tt-c rounded-pill">Used</span> </td>
<td>Nov 23</td>
<td><span class="text-danger">-$88</span></td>
<td class="fw-600">آیتم شماره 6 </td>
<td><span class="badge bgc-orange-50 c-orange-700 p-10 lh-0 tt-c rounded-pill">استفاده شده</span> </td>
<td>۲۳ آبان</td>
<td><span class="text-danger">-۸۸﷼</span></td>
</tr>
<tr>
<td class="fw-600">Item #7 Name</td>
<td><span class="badge bgc-yellow-50 c-yellow-700 p-10 lh-0 tt-c rounded-pill">Old</span></td>
<td>Nov 22</td>
<td><span class="text-success">$56</span></td>
<td class="fw-600">آیتم شماره 7 </td>
<td><span class="badge bgc-yellow-50 c-yellow-700 p-10 lh-0 tt-c rounded-pill">قدیمی</span></td>
<td>۲۲ آبان</td>
<td><span class="text-success">۵۶﷼</span></td>
</tr>
</tbody>
</table>
@ -863,7 +863,7 @@
</div>
</div>
<div class="ta-c bdT w-100 p-20">
<a href="#">Check all the sales</a>
<a href="#">بررسی تمام فروش‌ها</a>
</div>
</div>
</div>
@ -873,7 +873,7 @@
<div class="layers">
<!-- Widget Title -->
<div class="layer w-100 mB-20">
<h6 class="lh-1">Weather</h6>
<h6 class="lh-1">آب و هوا</h6>
</div>
<!-- Today Weather -->
@ -895,17 +895,17 @@
<!-- Condition -->
<div class="layer w-100">
<span class="fw-600 c-grey-600">Partly Clouds</span>
<span class="fw-600 c-grey-600">نیمه ابری</span>
</div>
</div>
</div>
<div class="peer">
<div class="layers ai-fe">
<div class="layer">
<h5 class="mB-5">Monday</h5>
<h5 class="mB-5">دوشنبه</h5>
</div>
<div class="layer">
<span class="fw-600 c-grey-600">Nov, 01 2017</span>
<span class="fw-600 c-grey-600">۱۰ آبان ۱۳۹۶</span>
</div>
</div>
</div>
@ -918,7 +918,7 @@
<div class="layer w-100 bdT pY-5">
<div class="peers ai-c jc-sb fxw-nw">
<div class="peer">
<span>Wind</span>
<span>باد</span>
</div>
<div class="peer ta-r">
<span class="fw-600 c-grey-800">10km/h</span>
@ -928,17 +928,17 @@
<div class="layer w-100 bdT pY-5">
<div class="peers ai-c jc-sb fxw-nw">
<div class="peer">
<span>Sunrise</span>
<span>طلوع خورشید</span>
</div>
<div class="peer ta-r">
<span class="fw-600 c-grey-800">05:00 AM</span>
<span class="fw-600 c-grey-800">۰۵:۰۰ صبح</span>
</div>
</div>
</div>
<div class="layer w-100 bdT pY-5">
<div class="peers ai-c jc-sb fxw-nw">
<div class="peer">
<span>Pressure</span>
<span>فشار هوا</span>
</div>
<div class="peer ta-r">
<span class="fw-600 c-grey-800">1B</span>
@ -952,37 +952,37 @@
<div class="layer w-100">
<div class="peers peers-greed ai-fs ta-c">
<div class="peer">
<h6 class="mB-10">MON</h6>
<h6 class="mB-10">دوشنبه</h6>
<canvas class="sleet" width="30" height="30"></canvas>
<span class="d-b fw-600">32<sup>°F</sup></span>
</div>
<div class="peer">
<h6 class="mB-10">TUE</h6>
<h6 class="mB-10">سه‌شنبه</h6>
<canvas class="clear-day" width="30" height="30"></canvas>
<span class="d-b fw-600">30<sup>°F</sup></span>
</div>
<div class="peer">
<h6 class="mB-10">WED</h6>
<h6 class="mB-10">چهارشنبه</h6>
<canvas class="partly-cloudy-day" width="30" height="30"></canvas>
<span class="d-b fw-600">28<sup>°F</sup></span>
</div>
<div class="peer">
<h6 class="mB-10">THR</h6>
<h6 class="mB-10">پنج‌شنبه</h6>
<canvas class="cloudy" width="30" height="30"></canvas>
<span class="d-b fw-600">32<sup>°F</sup></span>
</div>
<div class="peer">
<h6 class="mB-10">FRI</h6>
<h6 class="mB-10">جمعه</h6>
<canvas class="snow" width="30" height="30"></canvas>
<span class="d-b fw-600">24<sup>°F</sup></span>
</div>
<div class="peer">
<h6 class="mB-10">SAT</h6>
<h6 class="mB-10">شنبه</h6>
<canvas class="wind" width="30" height="30"></canvas>
<span class="d-b fw-600">28<sup>°F</sup></span>
</div>
<div class="peer">
<h6 class="mB-10">SUN</h6>
<h6 class="mB-10">یکشنبه</h6>
<canvas class="sleet" width="30" height="30"></canvas>
<span class="d-b fw-600">32<sup>°F</sup></span>
</div>
@ -996,7 +996,7 @@
<div class="bd bgc-white">
<div class="layers">
<div class="layer w-100 p-20">
<h6 class="lh-1">Quick Chat</h6>
<h6 class="lh-1">گفت و گو سریع</h6>
</div>
<div class="layer w-100">
<!-- Chat Box -->
@ -1011,30 +1011,30 @@
<div class="layer">
<div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
<div class="peer mR-10">
<small>10:00 AM</small>
<small>۱۰:۰۰ صبح</small>
</div>
<div class="peer-greed">
<span>Lorem Ipsum is simply dummy text of</span>
<span>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</span>
</div>
</div>
</div>
<div class="layer">
<div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
<div class="peer mR-10">
<small>10:00 AM</small>
<small>۱۰:۰۰ صبح</small>
</div>
<div class="peer-greed">
<span>the printing and typesetting industry.</span>
<span>چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است.</span>
</div>
</div>
</div>
<div class="layer">
<div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
<div class="peer mR-10">
<small>10:00 AM</small>
<small>۱۰:۰۰ صبح</small>
</div>
<div class="peer-greed">
<span>Lorem Ipsum has been the industry's</span>
<span>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم</span>
</div>
</div>
</div>
@ -1052,20 +1052,20 @@
<div class="layer">
<div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
<div class="peer mL-10 ord-1">
<small>10:00 AM</small>
<small>۱۰:۰۰ صبح</small>
</div>
<div class="peer-greed ord-0">
<span>Heloo</span>
<span>سلام</span>
</div>
</div>
</div>
<div class="layer">
<div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
<div class="peer mL-10 ord-1">
<small>10:00 AM</small>
<small>۱۰:۰۰ صبح</small>
</div>
<div class="peer-greed ord-0">
<span>??</span>
<span>؟؟</span>
</div>
</div>
</div>
@ -1076,7 +1076,7 @@
<!-- Chat Send -->
<div class="p-20 bdT bgc-white">
<div class="pos-r">
<input type="text" class="form-control bdrs-10em m-0" placeholder="Say something...">
<input type="text" class="form-control bdrs-10em m-0" placeholder="چیزی بنویسید...">
<button type="button" class="btn btn-primary bdrs-50p w-2r p-0 h-2r pos-a r-1 t-1">
<i class="fa fa-paper-plane-o"></i>
</button>
@ -1092,7 +1092,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 7
- 7
src/signin.html View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Sign In</title>
<title>ورود</title>
<style>
#loader {
transition: all 0.3s ease-in-out;
@ -75,14 +75,14 @@
</div>
</div>
<div class="col-12 col-md-4 peer pX-40 pY-80 h-100 bgc-white scrollable pos-r" style='min-width: 320px;'>
<h4 class="fw-300 c-grey-900 mB-40">Login</h4>
<h4 class="fw-300 c-grey-900 mB-40">ورود</h4>
<form>
<div class="mb-3">
<label class="text-normal text-dark form-label">Username</label>
<input type="email" class="form-control" placeholder="John Doe">
<label class="text-normal text-dark form-label">نام‌کاربری</label>
<input type="email" class="form-control" placeholder="Morteza Karimi">
</div>
<div class="mb-3">
<label class="text-normal text-dark form-label">Password</label>
<label class="text-normal text-dark form-label">رمزعبور</label>
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="">
@ -91,12 +91,12 @@
<div class="checkbox checkbox-circle checkbox-info peers ai-c">
<input type="checkbox" id="inputCall1" name="inputCheckboxesCall" class="peer">
<label for="inputCall1" class=" peers peer-greed js-sb ai-c form-label">
<span class="peer peer-greed">Remember Me</span>
<span class="peer peer-greed">مرا به خاطر بسپار</span>
</label>
</div>
</div>
<div class="peer">
<button class="btn btn-primary btn-color">Login</button>
<button class="btn btn-primary btn-color">ورود</button>
</div>
</div>
</div>


+ 8
- 8
src/signup.html View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Sign Up</title>
<title>ثبت‌نام</title>
<style>
#loader {
transition: all 0.3s ease-in-out;
@ -75,26 +75,26 @@
</div>
</div>
<div class="col-12 col-md-4 peer pX-40 pY-80 h-100 bgc-white scrollable pos-r" style='min-width: 320px;'>
<h4 class="fw-300 c-grey-900 mB-40">Register</h4>
<h4 class="fw-300 c-grey-900 mB-40">ثبت‌نام</h4>
<form>
<div class="mb-3">
<label class="form-label" class="text-normal text-dark">Username</label>
<input type="text" class="form-control" Placeholder='John Doe'>
<label class="form-label" class="text-normal text-dark">نام کاربری</label>
<input type="text" class="form-control" Placeholder='Morteza Karimi'>
</div>
<div class="mb-3">
<label class="form-label" class="text-normal text-dark">Email Address</label>
<label class="form-label" class="text-normal text-dark">آدرس ایمیل</label>
<input type="email" class="form-control" Placeholder='name@email.com'>
</div>
<div class="mb-3">
<label class="form-label" class="text-normal text-dark">Password</label>
<label class="form-label" class="text-normal text-dark">رمزعبور</label>
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="mb-3">
<label class="form-label" class="text-normal text-dark">Confirm Password</label>
<label class="form-label" class="text-normal text-dark">تایید رمزعبور</label>
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="mb-3">
<button class="btn btn-primary btn-color">Register</button>
<button class="btn btn-primary btn-color">ثبت‌نام</button>
</div>
</form>
</div>


+ 2
- 1
src/test.html View File

@ -88,8 +88,9 @@
</div>
</div>
</main>
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</body>


+ 58
- 58
src/ui.html View File

@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,14 +227,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,13 +378,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -392,7 +392,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,7 +466,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -477,33 +477,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -779,7 +779,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 58
- 58
src/vector-maps.html View File

@ -103,7 +103,7 @@
</div>
</div>
<div class="peer peer-greed">
<h5 class="lh-1 mB-0 logo-text">Adminator</h5>
<h5 class="lh-1 mB-0 logo-text">ادمیناتور</h5>
</div>
</div>
</a>
@ -125,7 +125,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-home"></i>
</span>
<span class="title">Dashboard</span>
<span class="title">داشبورد</span>
</a>
</li>
<li class="nav-item">
@ -133,7 +133,7 @@
<span class="icon-holder">
<i class="c-brown-500 ti-email"></i>
</span>
<span class="title">Email</span>
<span class="title">ایمیل</span>
</a>
</li>
<li class="nav-item">
@ -141,7 +141,7 @@
<span class="icon-holder">
<i class="c-blue-500 ti-share"></i>
</span>
<span class="title">Compose</span>
<span class="title">ایجاد</span>
</a>
</li>
<li class="nav-item">
@ -149,7 +149,7 @@
<span class="icon-holder">
<i class="c-deep-orange-500 ti-calendar"></i>
</span>
<span class="title">Calendar</span>
<span class="title">تقویم</span>
</a>
</li>
<li class="nav-item">
@ -157,7 +157,7 @@
<span class="icon-holder">
<i class="c-deep-purple-500 ti-comment-alt"></i>
</span>
<span class="title">Chat</span>
<span class="title">گفت و گو</span>
</a>
</li>
<li class="nav-item">
@ -165,7 +165,7 @@
<span class="icon-holder">
<i class="c-indigo-500 ti-bar-chart"></i>
</span>
<span class="title">Charts</span>
<span class="title">چارت</span>
</a>
</li>
<li class="nav-item">
@ -173,7 +173,7 @@
<span class="icon-holder">
<i class="c-light-blue-500 ti-pencil"></i>
</span>
<span class="title">Forms</span>
<span class="title">فرم‌ها</span>
</a>
</li>
<li class="nav-item dropdown">
@ -181,7 +181,7 @@
<span class="icon-holder">
<i class="c-pink-500 ti-palette"></i>
</span>
<span class="title">UI Elements</span>
<span class="title">عناصر رابط کاربری</span>
</a>
</li>
<li class="nav-item dropdown">
@ -189,17 +189,17 @@
<span class="icon-holder">
<i class="c-orange-500 ti-layout-list-thumb"></i>
</span>
<span class="title">Tables</span>
<span class="title">جداول</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="basic-table.html">Basic Table</a>
<a class='sidebar-link' href="basic-table.html">جدول پایه</a>
</li>
<li>
<a class='sidebar-link' href="datatable.html">Data Table</a>
<a class='sidebar-link' href="datatable.html">جدول داده</a>
</li>
</ul>
</li>
@ -208,17 +208,17 @@
<span class="icon-holder">
<i class="c-purple-500 ti-map"></i>
</span>
<span class="title">Maps</span>
<span class="title">نقشه‌ها</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="google-maps.html">Google Map</a>
<a href="google-maps.html">نقشه گوگل</a>
</li>
<li>
<a href="vector-maps.html">Vector Map</a>
<a href="vector-maps.html">نقشه برداری</a>
</li>
</ul>
</li>
@ -227,14 +227,14 @@
<span class="icon-holder">
<i class="c-red-500 ti-files"></i>
</span>
<span class="title">Pages</span>
<span class="title">صفحات</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a class='sidebar-link' href="blank.html">Blank</a>
<a class='sidebar-link' href="blank.html">خام</a>
</li>
<li>
<a class='sidebar-link' href="404.html">404</a>
@ -243,10 +243,10 @@
<a class='sidebar-link' href="500.html">500</a>
</li>
<li>
<a class='sidebar-link' href="signin.html">Sign In</a>
<a class='sidebar-link' href="signin.html">ورود</a>
</li>
<li>
<a class='sidebar-link' href="signup.html">Sign Up</a>
<a class='sidebar-link' href="signup.html">ثبت‌نام</a>
</li>
</ul>
</li>
@ -255,7 +255,7 @@
<span class="icon-holder">
<i class="c-teal-500 ti-view-list-alt"></i>
</span>
<span class="title">Multiple Levels</span>
<span class="title">منو چند سطحی</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
@ -263,22 +263,22 @@
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="javascript:void(0);">
<span>Menu Item</span>
<span>آیتم منو</span>
<span class="arrow">
<i class="ti-angle-right"></i>
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
<li>
<a href="javascript:void(0);">Menu Item</a>
<a href="javascript:void(0);">آیتم منو</a>
</li>
</ul>
</li>
@ -306,20 +306,20 @@
</a>
</li>
<li class="search-input">
<input class="form-control" type="text" placeholder="Search...">
<input class="form-control" type="text" placeholder="جست‌وجو...">
</li>
</ul>
<ul class="nav-right">
<li class="notifications dropdown">
<span class="counter bgc-red">3</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<span class="counter bgc-red">۳</span>
<a href="" class="dropdown-toggle no-after" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li class="pX-20 pY-15 bdB">
<i class="ti-bell pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Notifications</span>
<i class="ti-bell pL-10"></i>
<span class="fsz-sm fw-600 c-grey-900">اعلان‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -330,12 +330,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">John Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">post</span>
<span class="fw-500">مرتضی کریمی</span>
<span class="c-grey-600"><span class="text-dark">پست</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</p>
</div>
</a>
@ -347,12 +347,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Moo Doe</span>
<span class="c-grey-600">liked your <span class="text-dark">cover image</span>
<span class="fw-500">شخصی ناشناس</span>
<span class="c-grey-600"><span class="text-dark">تصویر کاور</span> شما را پسندید.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">7 mins ago</small>
<small class="fsz-xs">۷ دقیقه قبل</small>
</p>
</div>
</a>
@ -364,12 +364,12 @@
</div>
<div class="peer peer-greed">
<span>
<span class="fw-500">Lee Doe</span>
<span class="c-grey-600">commented on your <span class="text-dark">video</span>
<span class="fw-500">شخص ناشناس دیگر</span>
<span class="c-grey-600">بر روی <span class="text-dark">ویدیو</span> شما نظر قرار داد.
</span>
</span>
<p class="m-0">
<small class="fsz-xs">10 mins ago</small>
<small class="fsz-xs">۱۰ دقیقه قبل</small>
</p>
</div>
</a>
@ -378,13 +378,13 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
<a href="" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام اعلان‌ها <i class="ti-angle-right fsz-xs mL-10"></i></a>
</span>
</li>
</ul>
</li>
<li class="notifications dropdown">
<span class="counter bgc-blue">3</span>
<span class="counter bgc-blue">۳</span>
<a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
<i class="ti-email"></i>
</a>
@ -392,7 +392,7 @@
<ul class="dropdown-menu">
<li class="pX-20 pY-15 bdB">
<i class="ti-email pR-10"></i>
<span class="fsz-sm fw-600 c-grey-900">Emails</span>
<span class="fsz-sm fw-600 c-grey-900">ایمیل‌ها</span>
</li>
<li>
<ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
@ -405,14 +405,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">John Doe</p>
<p class="fw-500 mB-0">مرتضی کریمی</p>
</div>
<div class="peer">
<small class="fsz-xs">5 mins ago</small>
<small class="fsz-xs">۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -427,14 +427,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Moo Doe</p>
<p class="fw-500 mB-0">شخصی ناشناس</p>
</div>
<div class="peer">
<small class="fsz-xs">15 mins ago</small>
<small class="fsz-xs">۱۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -449,14 +449,14 @@
<div>
<div class="peers jc-sb fxw-nw mB-5">
<div class="peer">
<p class="fw-500 mB-0">Lee Doe</p>
<p class="fw-500 mB-0">شخص ناشناس دیگر</p>
</div>
<div class="peer">
<small class="fsz-xs">25 mins ago</small>
<small class="fsz-xs">۲۵ دقیقه قبل</small>
</div>
</div>
<span class="c-grey-600 fsz-sm">
Want to create your own customized data generator for your app...
می خواهید تولید کننده داده سفارشی شده خود را برای برنامه خود ایجاد کنید...
</span>
</div>
</div>
@ -466,7 +466,7 @@
</li>
<li class="pX-20 pY-15 ta-c bdT">
<span>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right mL-10"></i></a>
<a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">نمایش تمام ایمیل‌ها <i class="fs-xs ti-angle-right mL-10"></i></a>
</span>
</li>
</ul>
@ -477,33 +477,33 @@
<img class="w-2r bdrs-50p" src="https://randomuser.me/api/portraits/men/10.jpg" alt="">
</div>
<div class="peer">
<span class="fsz-sm c-grey-900">John Doe</span>
<span class="fsz-sm c-grey-900">مرتضی کریمی</span>
</div>
</a>
<ul class="dropdown-menu fsz-sm">
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-settings mR-10"></i>
<span>Setting</span>
<span>تنظیمات</span>
</a>
</li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-user mR-10"></i>
<span>Profile</span>
<span>پروفایل</span>
</a>
</li>
<li>
<a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-email mR-10"></i>
<span>Messages</span>
<span>پیام‌ها</span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
<i class="ti-power-off mR-10"></i>
<span>Logout</span>
<span>خروج</span>
</a>
</li>
</ul>
@ -531,7 +531,7 @@
<!-- ### $App Screen Footer ### -->
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<span>Copyright © 2021 Designed by <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a>. All rights reserved.</span>
<span>کپی رایت © ۲۰۲۱ طراحی توسط <a href="https://colorlib.com" target='_blank' title="Colorlib">Colorlib</a> راست چین شده توسط <a href='https://morteza-karimi.ir'>مرتضی کریمی</a> . تمامی حقوق محفوظ است.</span>
</footer>
</div>
</div>


+ 1
- 2
webpack/rules/sass.js View File

@ -15,7 +15,6 @@
const path = require('path'),
cssNext = require('postcss-preset-env'),
rtlcss = require('rtlcss'),
autoprefixer = require('autoprefixer'),
ExtractTextPlugin = require('mini-css-extract-plugin'),
manifest = require('../manifest');
@ -35,7 +34,7 @@ const loaders = [
options: {
sourceMap: manifest.IS_DEVELOPMENT,
postcssOptions: {
plugins: [cssNext(), rtlcss(), autoprefixer()],
plugins: [rtlcss(), cssNext()],
},
},
},


Loading…
Cancel
Save