├── .bowerrc ├── .gitignore ├── changelog.md ├── documentation └── images │ ├── layout.png │ ├── welcome.png │ ├── min_menu.png │ ├── min_menu.tiff │ ├── welcome.tiff │ └── demo-template.png ├── src ├── scss │ ├── partials │ │ ├── _extends.scss │ │ ├── _utilis.scss │ │ ├── _font.scss │ │ ├── _grid.scss │ │ └── _variables.scss │ └── daterangepicker.scss └── js │ └── helpers │ └── smartresize.js ├── production ├── level2.html ├── fixed_footer.html ├── fixed_sidebar.html ├── plain_page.html ├── page_403.html ├── page_404.html ├── page_500.html ├── form_upload.html ├── login.html ├── typography.html ├── calendar.html ├── morisjs.html ├── other_charts.html ├── form_validation.html ├── chartjs2.html ├── chartjs.html ├── project_detail.html ├── e_commerce.html ├── invoice.html └── media_gallery.html ├── .github └── FUNDING.yml ├── config.rb ├── LICENSE.txt ├── package.json ├── public ├── page_403.html ├── page_404.html ├── page_500.html └── login.html ├── gulpfile.js ├── bower.json ├── README-EN.md └── README.md /.bowerrc: -------------------------------------------------------------------------------- 1 | { 2 | "directory": "vendors" 3 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | nbproject 2 | npm-debug.log 3 | node_modules 4 | .sass-cache 5 | .idea 6 | public 7 | vendors 8 | -------------------------------------------------------------------------------- /changelog.md: -------------------------------------------------------------------------------- 1 | # Gentelella RTL Changelog 2 | 3 | ### Note 4 | 5 | There are no changelog before first release 6 | -------------------------------------------------------------------------------- /documentation/images/layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mortezakarimi/gentelella-rtl/HEAD/documentation/images/layout.png -------------------------------------------------------------------------------- /documentation/images/welcome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mortezakarimi/gentelella-rtl/HEAD/documentation/images/welcome.png -------------------------------------------------------------------------------- /documentation/images/min_menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mortezakarimi/gentelella-rtl/HEAD/documentation/images/min_menu.png -------------------------------------------------------------------------------- /documentation/images/min_menu.tiff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mortezakarimi/gentelella-rtl/HEAD/documentation/images/min_menu.tiff -------------------------------------------------------------------------------- /documentation/images/welcome.tiff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mortezakarimi/gentelella-rtl/HEAD/documentation/images/welcome.tiff -------------------------------------------------------------------------------- /documentation/images/demo-template.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mortezakarimi/gentelella-rtl/HEAD/documentation/images/demo-template.png -------------------------------------------------------------------------------- /src/scss/partials/_extends.scss: -------------------------------------------------------------------------------- 1 | //@extend-elements 2 | //original selectors 3 | //.nav-sm ul.nav.child_menu ul, .nav-sm .nav.side-menu li.active-sm ul ul 4 | %extend_1 { 5 | position: static; 6 | width: auto; 7 | background: none; 8 | } -------------------------------------------------------------------------------- /production/level2.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | {% endblock %} 4 | {% block content %} 5 | 6 |
7 |
8 |
9 |
10 |

منو چند لایه این صفحه نشان دهنده منو چند لایه است.

11 |
12 |
13 |
14 |
15 | 16 | {% endblock %} 17 | {% block scriptsFiles %} 18 | {% endblock %} 19 | {% block scripts %} 20 | {% endblock %} 21 | -------------------------------------------------------------------------------- /src/scss/partials/_utilis.scss: -------------------------------------------------------------------------------- 1 | 2 | .no-padding { 3 | padding: 0 !important; 4 | } 5 | 6 | .fixed_height_320 { 7 | height: 320px; 8 | } 9 | .fixed_height_390 { 10 | height: 390px; 11 | } 12 | .fixed_height_200 { 13 | height: 200px; 14 | } 15 | .overflow_hidden { 16 | overflow: hidden; 17 | } 18 | .progress-bar-dark { 19 | background-color: $color_pickled_bluewood_approx !important; 20 | } 21 | .progress-bar-gray { 22 | background-color: $color_submarine_approx !important; 23 | } 24 | 25 | .center-margin { 26 | margin: 0 auto; 27 | float: none!important; 28 | } 29 | 30 | .left { 31 | float: left; 32 | } 33 | 34 | .alignleft { 35 | float: left; 36 | margin-right: 15px; 37 | } 38 | 39 | .alignright { 40 | float: right; 41 | margin-left: 15px; 42 | } -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: mortezakarimi # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: gentelella-rtl # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: ['https://www.buymeacoffee.com/mortezakarimi'] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 13 | -------------------------------------------------------------------------------- /config.rb: -------------------------------------------------------------------------------- 1 | require 'compass/import-once/activate' 2 | # Require any additional compass plugins here. 3 | 4 | http_path = "/" 5 | css_dir = "./build/css/" 6 | sass_dir = "./src/scss/" 7 | images_dir = "./build/images/" 8 | javascripts_dir = "./build/js/" 9 | fonts_dir = "./build/fonts/" 10 | 11 | # You can select your preferred output style here (can be overridden via the command line): 12 | output_style = :expanded #or :nested or :compact or :compressed 13 | 14 | # To enable relative paths to assets via compass helper functions. Uncomment: 15 | relative_assets = true 16 | 17 | # To disable debugging comments that display the original location of your selectors. Uncomment: 18 | line_comments = false 19 | 20 | 21 | # If you prefer the indented syntax, you might want to regenerate this 22 | # project again passing --syntax sass, or you can uncomment this: 23 | # preferred_syntax = :sass 24 | # and then run: 25 | # sass-convert -R --from scss --to sass ./src/sass scss && rm -rf sass && mv scss sass 26 | sourcemap = true 27 | -------------------------------------------------------------------------------- /production/fixed_footer.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block fix_footer %} 3 | footer_fixed 4 | {% endblock %} 5 | {% block styleFiles %} 6 | 7 | 8 | {% endblock %} 9 | {% block content %} 10 | 11 |
12 |
13 |
14 |
15 |

پاورقی ثابت 16 | فقط کافیه کلاس .footer_fixed را به تک body اضافه نمایید. 17 |

18 |
19 |
20 |
21 |
22 | 23 | {% endblock %} 24 | {% block scriptsFiles %} 25 | 26 | 27 | {% endblock %} 28 | {% block scripts %} 29 | {% endblock %} -------------------------------------------------------------------------------- /production/fixed_sidebar.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block fix_menu %} 3 | menu_fixed 4 | {% endblock %} 5 | {% block styleFiles %} 6 | 7 | 8 | {% endblock %} 9 | {% block content %} 10 | 11 | 12 |
13 |
14 |
15 |
16 |

نوار کناری ثابت 17 | فقط کافیست کلاس .menu_fixed را به تک دارای کلاس .left_col اضافه نمایید. 18 |

19 |
20 |
21 |
22 |
23 | 24 | {% endblock %} 25 | {% block scriptsFiles %} 26 | 27 | 28 | {% endblock %} 29 | {% block scripts %} 30 | {% endblock %} -------------------------------------------------------------------------------- /src/js/helpers/smartresize.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Resize function without multiple trigger 3 | * 4 | * Usage: 5 | * $(window).smartresize(function(){ 6 | * // code here 7 | * }); 8 | */ 9 | (function($,sr){ 10 | // debouncing function from John Hann 11 | // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/ 12 | var debounce = function (func, threshold, execAsap) { 13 | var timeout; 14 | 15 | return function debounced () { 16 | var obj = this, args = arguments; 17 | function delayed () { 18 | if (!execAsap) 19 | func.apply(obj, args); 20 | timeout = null; 21 | } 22 | 23 | if (timeout) 24 | clearTimeout(timeout); 25 | else if (execAsap) 26 | func.apply(obj, args); 27 | 28 | timeout = setTimeout(delayed, threshold || 100); 29 | }; 30 | }; 31 | 32 | // smartresize 33 | jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); }; 34 | 35 | })(jQuery,'smartresize'); -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2017 Morteza Karimi 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gentelella-rtl", 3 | "version": "1.3.0", 4 | "description": "Gentelella RTL Admin is a free to use Bootstrap admin template", 5 | "scripts": { 6 | "start": "gulp", 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "postinstall": "opencollective-postinstall || true" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/mortezakarimi/gentelella-rtl.git" 13 | }, 14 | "keywords": [ 15 | "css", 16 | "js", 17 | "html", 18 | "template", 19 | "admin", 20 | "bootstrap", 21 | "theme", 22 | "backend", 23 | "responsive", 24 | "gentelella", 25 | "gentelella-rtl", 26 | "bootstrap-rtl" 27 | ], 28 | "authors": [ 29 | { 30 | "name": "Morteza Karimi", 31 | "email": "me@morteza-karimi.ir", 32 | "homepage": "https://github.com/mortezakarimi", 33 | "role": "Creator" 34 | } 35 | ], 36 | "license": "MIT", 37 | "bugs": { 38 | "url": "https://github.com/mortezakarimi/gentelella-rtl/issues" 39 | }, 40 | "homepage": "https://github.com/mortezakarimi/gentelella-rtl#readme", 41 | "devDependencies": { 42 | "browser-sync": "^2.12.10", 43 | "gulp": "^3.9.1", 44 | "gulp-autoprefixer": "^3.1.0", 45 | "gulp-clean-css": "^2.3.2", 46 | "gulp-compass": "^2.1.0", 47 | "gulp-concat": "^2.6.0", 48 | "gulp-nunjucks-render": "^2.2.1", 49 | "gulp-rename": "^1.2.2", 50 | "gulp-ruby-sass": "^2.0.6", 51 | "gulp-uglify": "^1.5.3", 52 | "del": "^2.2.2" 53 | }, 54 | "dependencies": { 55 | "opencollective-postinstall": "^2.0.2" 56 | }, 57 | "collective": { 58 | "type": "opencollective", 59 | "url": "https://opencollective.com/gentelella-rtl" 60 | } 61 | } -------------------------------------------------------------------------------- /production/plain_page.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block content %} 3 | 4 |
5 |
6 |
7 |
8 |

صفحه ساده

9 |
10 | 11 |
12 |
13 |
14 | 15 | 16 | 17 | 18 |
19 |
20 |
21 |
22 | 23 |
24 | 25 |
26 |
27 |
28 |
29 |

صفحه ساده

30 | 46 |
47 |
48 |
49 | افزودن محتوا با این صفحه ... 50 |
51 |
52 |
53 |
54 |
55 |
56 | 57 | {% endblock %} 58 | {% block scriptsFiles %}{% endblock%} 59 | {% block scripts %} 60 | {% endblock %} -------------------------------------------------------------------------------- /public/page_403.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Gentelella Alela! | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 |
27 | 28 |
29 |
30 |
31 |

403

32 |

امکان دسترسی وجود ندارد

33 |

احراز هویت کامل برای دسترسی به این منبع لازم است. گزارش مشکل؟ 34 |

35 |
36 |

جست و جو

37 |
38 |
39 |
40 | 41 | 42 | 43 | 44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 | 52 |
53 |
54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /production/page_403.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Gentelella Alela! | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 |
27 | 28 |
29 |
30 |
31 |

403

32 |

امکان دسترسی وجود ندارد

33 |

احراز هویت کامل برای دسترسی به این منبع لازم است. گزارش مشکل؟ 34 |

35 |
36 |

جست و جو

37 |
38 |
39 |
40 | 41 | 42 | 43 | 44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 | 52 |
53 |
54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /public/page_404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Gentelella Alela! | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 |
27 | 28 |
29 |
30 |
31 |

404

32 |

با عرض پوزش ما نمی توانیم این صفحه را پیدا کنیم

33 |

این صفحه که شما به دنبال آن هستید وجود ندارد گزارش مشکل؟ 34 |

35 |
36 |

جست و جو

37 |
38 |
39 |
40 | 41 | 42 | 43 | 44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 | 52 |
53 |
54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /production/page_404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Gentelella Alela! | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 |
27 | 28 |
29 |
30 |
31 |

404

32 |

با عرض پوزش ما نمی توانیم این صفحه را پیدا کنیم

33 |

این صفحه که شما به دنبال آن هستید وجود ندارد گزارش مشکل؟ 34 |

35 |
36 |

جست و جو

37 |
38 |
39 |
40 | 41 | 42 | 43 | 44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 | 52 |
53 |
54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /public/page_500.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Gentelella Alela! | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 |
27 | 28 |
29 |
30 |
31 |

500

32 |

خطای داخلی سرور

33 |

مابه صورت خودکار این خطاها را پیگیری میکنیم،اما اگر مشکل همچنان ادامه دارد با خیال راحت با ما تماس بگیرید. در این میان،سعی کنید صفحه را بازخوانی کنید. گزارش مشکل؟ 34 |

35 |
36 |

جست و جو

37 |
38 |
39 |
40 | 41 | 42 | 43 | 44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 | 52 |
53 |
54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /production/page_500.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Gentelella Alela! | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 |
27 | 28 |
29 |
30 |
31 |

500

32 |

خطای داخلی سرور

33 |

مابه صورت خودکار این خطاها را پیگیری میکنیم،اما اگر مشکل همچنان ادامه دارد با خیال راحت با ما تماس بگیرید. در این میان،سعی کنید صفحه را بازخوانی کنید. گزارش مشکل؟ 34 |

35 |
36 |

جست و جو

37 |
38 |
39 |
40 | 41 | 42 | 43 | 44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 | 52 |
53 |
54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'), 2 | path = require('path'), 3 | concat = require('gulp-concat'), 4 | uglify = require('gulp-uglify'), 5 | rename = require('gulp-rename'), 6 | compass = require('gulp-compass'), 7 | minifyCSS = require('gulp-clean-css'), 8 | autoprefixer = require('gulp-autoprefixer'), 9 | browserSync = require('browser-sync').create(), 10 | nunjucksRender = require('gulp-nunjucks-render'); 11 | const del = require('del'); 12 | 13 | var DEST = 'build/'; 14 | 15 | gulp.task('layout', function () { 16 | nunjucksRender.nunjucks.configure(['app']); 17 | del(['public/*']); 18 | return gulp.src(['production/**/*.html', '!production/layout.html']) 19 | .pipe(nunjucksRender({ 20 | path: ['production/'] // String or Array 21 | })) 22 | .pipe(gulp.dest('public')); 23 | }); 24 | 25 | gulp.task('scripts', function () { 26 | return gulp.src([ 27 | 'src/js/helpers/*.js', 28 | 'src/js/*.js' 29 | ]) 30 | .pipe(concat('custom.js')) 31 | .pipe(gulp.dest(DEST + '/js')) 32 | .pipe(rename({suffix: '.min'})) 33 | .pipe(uglify()) 34 | .pipe(gulp.dest(DEST + '/js')) 35 | .pipe(browserSync.stream()); 36 | }); 37 | 38 | // TODO: Maybe we can simplify how sass compile the minify and unminify version 39 | 40 | 41 | gulp.task('compass', function (cb) { 42 | return gulp.src(['src/scss/*.scss']) 43 | .pipe(compass({ 44 | config_file: path.join(__dirname, 'config.rb'), 45 | css: DEST + 'css', 46 | sass: 'src/scss' 47 | })) 48 | .pipe(autoprefixer('last 2 versions', '> 5%')) 49 | .pipe(gulp.dest(DEST + '/css')) 50 | .on('error', function (err) { 51 | cb(err) 52 | }) 53 | .pipe(browserSync.stream()); 54 | }); 55 | 56 | 57 | gulp.task('css-minify', ['compass'], function () { 58 | return gulp.src([DEST + '/css/*.css', '!' + DEST + '/css/*.min.css']) 59 | .pipe(rename({suffix: '.min'})) 60 | .pipe(minifyCSS()) 61 | .pipe(gulp.dest(DEST + '/css')) 62 | .pipe(browserSync.stream()); 63 | }); 64 | 65 | gulp.task('browser-sync', ['layout'], function () { 66 | browserSync.init({ 67 | server: { 68 | baseDir: './' 69 | }, 70 | startPath: './public/index.html' 71 | }); 72 | gulp.watch('src/js/*.js', ['scripts']); 73 | // Watch .scss files 74 | gulp.watch('src/scss/*.scss', ['compass', 'css-minify']); 75 | }); 76 | 77 | gulp.task('watch', ['layout','scripts', 'css-minify'], function () { 78 | // Watch .html files 79 | gulp.watch('production/*.html', ['layout', browserSync.reload]); 80 | // Watch .js files 81 | gulp.watch('src/js/*.js', ['scripts']); 82 | // Watch .scss files 83 | gulp.watch('src/scss/*.scss', ['compass', 'css-minify']); 84 | }); 85 | // Default Task 86 | gulp.task('default', ['layout', 'browser-sync', 'watch']); 87 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gentelella-rtl", 3 | "homepage": "https://mortezakarimi.github.io/gentelella-rtl/public/index.html", 4 | "authors": [ 5 | { 6 | "name": "Morteza Karimi", 7 | "email": "me@morteza-karimi.ir", 8 | "homepage": "https://github.com/mortezakarimi", 9 | "role": "Creator" 10 | } 11 | ], 12 | "description": "Gentelella RTL Admin is a free to use Bootstrap admin template", 13 | "keywords": [ 14 | "css", 15 | "js", 16 | "html", 17 | "template", 18 | "admin", 19 | "bootstrap", 20 | "theme", 21 | "backend", 22 | "responsive" 23 | ], 24 | "license": "MIT", 25 | "ignore": [ 26 | "**/.*", 27 | "**/documentation", 28 | "**/node_modules", 29 | "**/bower_components", 30 | "**/test", 31 | "**/package.json", 32 | "**/src", 33 | "**/docs" 34 | ], 35 | "devDependencies": { 36 | "jquery": "^2.2.3", 37 | "bootstrap": "^3.3.7", 38 | "font-awesome": "fontawesome#^4.6.1", 39 | "fastclick": "^1.0.6", 40 | "nprogress": "^0.2.0", 41 | "Chart.js": "2.1.6", 42 | "gauge.js": "gauge.js#^1.2.1", 43 | "bootstrap-progressbar": "^0.9.0", 44 | "iCheck": "icheck#^1.0.2", 45 | "Flot": "flot#^0.8.3", 46 | "bootstrap-daterangepicker": "https://github.com/dangrossman/bootstrap-daterangepicker.git#master", 47 | "skycons": "https://github.com/darkskyapp/skycons.git", 48 | "jquery-sparkline": "^2.1.3", 49 | "morris.js": "^0.5.1", 50 | "bootstrap-wysiwyg": "bootstrap-wysiwyg-steveathon#^1.0.5", 51 | "jquery.tagsinput": "^1.3.6", 52 | "switchery": "^0.8.1", 53 | "select2": "^4.0.2", 54 | "autosize": "^3.0.15", 55 | "parsleyjs": "^2.3.10", 56 | "devbridge-autocomplete": "^1.2.24", 57 | "ion.rangeSlider": "ionrangeslider#^2.1.3", 58 | "normalize-css": "^4.1.1", 59 | "mjolnic-bootstrap-colorpicker": "bootstrap-colorpicker#^2.3.3", 60 | "jquery.inputmask": "^3.3.1", 61 | "jquery-knob": "^1.2.13", 62 | "cropper": "^2.3.0", 63 | "validator": "https://github.com/yairEO/validator.git#^1.0.6", 64 | "jQuery-Smart-Wizard": "^3.3.1", 65 | "dropzone": "^5.1.1", 66 | "pnotify": "^3.0.0", 67 | "fullcalendar": "^2.6.1", 68 | "jquery.easy-pie-chart": "^2.1.6", 69 | "starrr": "^2.0.0", 70 | "datatables.net": "^1.10.11", 71 | "datatables.net-bs": "^1.10.11", 72 | "datatables.net-buttons": "^1.1.2", 73 | "datatables.net-buttons-bs": "^1.1.2", 74 | "datatables.net-fixedheader": "^3.1.1", 75 | "datatables.net-fixedheader-bs": "^3.1.1", 76 | "datatables.net-keytable": "^2.1.1", 77 | "datatables.net-responsive": "^2.0.2", 78 | "datatables.net-responsive-bs": "^2.0.2", 79 | "datatables.net-scroller": "^1.4.1", 80 | "datatables.net-scroller-bs": "^1.4.1", 81 | "pdfmake": "^0.1.20", 82 | "jszip": "Stuk/jszip#v2.6.0", 83 | "echarts": "^3.1.7", 84 | "malihu-custom-scrollbar-plugin": "^3.1.3", 85 | "animate.css": "^3.5.1", 86 | "jqvmap": "https://github.com/manifestinteractive/jqvmap.git#master", 87 | "DateJS": "^1.0.0-rc3", 88 | "flot.curvedlines": "^1.1.1", 89 | "flot.orderbars": "*", 90 | "flot-spline": "^0.8.2", 91 | "bootstrap-rtl": "^3.4.0" 92 | }, 93 | "resolutions": { 94 | "jquery": "^2.2.3", 95 | "fastclick": "^1.0.6" 96 | }, 97 | "dependencies": { 98 | "moment-jalaali": "^0.7.1", 99 | "bootstrap-sass": "^3.3.7" 100 | } 101 | } 102 | -------------------------------------------------------------------------------- /src/scss/daterangepicker.scss: -------------------------------------------------------------------------------- 1 | .daterangepicker { 2 | .ranges { 3 | li { 4 | color: #73879C; 5 | 6 | &.active, &:hover { 7 | background: #536A7F; 8 | border: 1px solid #536A7F; 9 | color: #fff; 10 | } 11 | } 12 | } 13 | 14 | .input-mini { 15 | background-color: #eee; 16 | border: 1px solid #ccc; 17 | box-shadow: none !important; 18 | 19 | &.active { 20 | border: 1px solid #ccc; 21 | } 22 | } 23 | 24 | select { 25 | &.monthselect, 26 | &.yearselect, 27 | &.hourselect, 28 | &.minuteselect, 29 | &.secondselect, 30 | &.ampmselect { 31 | font-size: 12px; 32 | padding: 1px; 33 | height: auto; 34 | margin: 0; 35 | cursor: default; 36 | height: 30px; 37 | border: 1px solid #ADB2B5; 38 | line-height: 30px; 39 | border-radius: 0px !important; 40 | } 41 | 42 | &.monthselect { 43 | margin-right: 2%; 44 | } 45 | } 46 | 47 | td { 48 | &.in-range { 49 | background: #E4E7EA; 50 | color: #73879C; 51 | } 52 | 53 | &.active, &.active:hover { 54 | background-color: #536A7F; 55 | color: #fff; 56 | } 57 | } 58 | 59 | th.available:hover { 60 | background: #eee; 61 | color: #34495E; 62 | } 63 | 64 | &:before, &:after { 65 | content: none; 66 | } 67 | 68 | .calendar.single { 69 | margin: 0 0 4px 0; 70 | 71 | .calendar-table { 72 | width: 224px; 73 | padding: 0 0 4px 0 !important; 74 | 75 | thead { 76 | & tr:first-child { 77 | th { 78 | padding: 8px 5px; 79 | } 80 | } 81 | 82 | th { 83 | border-radius: 0; 84 | } 85 | } 86 | } 87 | } 88 | 89 | &.picker_1 { 90 | color: #fff; 91 | background: #34495E; 92 | 93 | .calendar-table { 94 | background: #34495E; 95 | 96 | thead { 97 | & tr { 98 | background: #213345; 99 | } 100 | 101 | & tr:first-child { 102 | background: #1ABB9C; 103 | } 104 | } 105 | 106 | td.off { 107 | background: #34495E; 108 | color: #999; 109 | } 110 | 111 | td.available:hover { 112 | color: #34495E; 113 | } 114 | } 115 | } 116 | 117 | &.picker_2 { 118 | .calendar-table { 119 | thead { 120 | & tr { 121 | color: #1ABB9C; 122 | } 123 | 124 | & tr:first-child { 125 | color: #73879C; 126 | } 127 | } 128 | } 129 | } 130 | 131 | &.picker_3 { 132 | .calendar-table { 133 | thead { 134 | & tr:first-child { 135 | color: #fff; 136 | background: #1ABB9C; 137 | } 138 | } 139 | } 140 | } 141 | 142 | &.picker_4 { 143 | .calendar-table { 144 | thead { 145 | & tr:first-child { 146 | color: #fff; 147 | background: #34495E;; 148 | } 149 | } 150 | 151 | td, td.off { 152 | background: #ECF0F1; 153 | border: 1px solid #fff; 154 | border-radius: 0; 155 | } 156 | 157 | td.active { 158 | background: #34495E; 159 | } 160 | } 161 | } 162 | } 163 | 164 | .calendar-exibit { 165 | .show-calendar { 166 | float: none; 167 | display: block; 168 | position: relative; 169 | background-color: #fff; 170 | border: 1px solid #ccc; 171 | margin-bottom: 20px; 172 | border: 1px solid rgba(0, 0, 0, 0.15); 173 | overflow: hidden; 174 | 175 | .calendar { 176 | margin: 0 0 4px 0; 177 | } 178 | 179 | &.picker_1 { 180 | background: #34495E; 181 | } 182 | } 183 | 184 | .calendar-table { 185 | padding: 0 0 4px 0; 186 | } 187 | } -------------------------------------------------------------------------------- /production/form_upload.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | 4 | 5 | {% endblock %} 6 | {% block content %} 7 | 8 |
9 |
10 |
11 |
12 |

فرم بارگذاری

13 |
14 | 15 |
16 |
17 |
18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
26 | 27 |
28 | 29 |
30 |
31 |
32 |
33 |

Dropzone آپلود کننده چندین فایل

34 | 50 |
51 |
52 |
53 |

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

55 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 | 69 | {% endblock %} 70 | 71 | {% block scriptsFiles %} 72 | 73 | 74 | {% endblock %} 75 | {% block scripts %} 76 | 92 | {% endblock %} 93 | -------------------------------------------------------------------------------- /public/login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Gentelella Alela! | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 | 32 |
33 | 66 |
67 | 100 |
101 |
102 | 131 |
132 |
133 |
134 | 135 | 136 | -------------------------------------------------------------------------------- /production/login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Gentelella Alela! | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 | 32 |
33 | 66 |
67 | 100 |
101 |
102 | 131 |
132 |
133 |
134 | 135 | 136 | -------------------------------------------------------------------------------- /README-EN.md: -------------------------------------------------------------------------------- 1 | # Gentelella RTL 2 | 3 | Gentelella RTL Admin is a fork from gentelella Admin Bootstrap template. 4 | 5 | ## Theme Demo 6 | ![Gentelella Bootstrap Admin Template](./documentation/images/demo-template.png "Gentelella RTL Theme Browser Preview") 7 | 8 | **[Template Demo](https://mortezakarimi.github.io/gentelella-rtl/public/index.html)** 9 | 10 | 11 | ## Change Font 12 | 13 | You can change template font by add or change `body` tag class name 14 | 15 | **IRanSans (Default Font)** 16 | 17 | ``` 18 | body.iransans 19 | ``` 20 | 21 | **IRanSans Persian Number** 22 | 23 | ``` 24 | body.iransans.persian_num 25 | ``` 26 | 27 | **Vazir Font** 28 | 29 | ``` 30 | body.vazir 31 | ``` 32 | 33 | **Yekan Font** 34 | 35 | ``` 36 | body.yekan 37 | ``` 38 | 39 | ## Installation via Package Manger 40 | 41 | Our goal is to make it installable on different Package Manager! Do you want to use it on your favorite Package Manager and you know how? Pull request all the way! 42 | 43 | As of now, this is some installation available: 44 | 45 | **Install using github** 46 | 47 | ``` 48 | git clone https://github.com/mortezakarimi/gentelella-rtl.git -b 'gh-pages' 49 | ``` 50 | 51 | **Bower** 52 | 53 | ``` 54 | bower install gentelella-rtl --save 55 | ``` 56 | 57 | **npm** 58 | 59 | ``` 60 | npm install gentelella-rtl --save 61 | ``` 62 | 63 | ## How to contribute 64 | To contribute, please ensure that you have stable [Node.js](https://nodejs.org/) and [npm](https://npmjs.com) installed. 65 | 66 | Test if Gulp CLI is installed by running `gulp --version`. If the command isn't found, run `npm install -g gulp`. For more information about installing Gulp, see the Gulp's [Getting Started](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md). 67 | 68 | If `gulp` is installed, follow the steps below. 69 | 70 | 1. Fork and clone the repo. 71 | 2. Run `gulp`, this will open gentelella rtl on your default browser 72 | 3. Now you can code, code and code! 73 | 4. Submit a pull request 74 | 75 | ## Scripts included: 76 | * Bootstrap 77 | * Bootstrap-rtl 78 | * Font Awesome 79 | * jQuery-Autocomplete 80 | * FullCalendar 81 | * Charts.js 82 | * Bootstrap Colorpicker 83 | * Cropper 84 | * dataTables 85 | * Date Range Picker for Bootstrap 86 | * Dropzone 87 | * easyPieChart 88 | * ECharts 89 | * bootstrap-wysiwyg 90 | * Flot - Javascript plotting library for jQuery. 91 | * gauge.js 92 | * iCheck 93 | * jquery.inputmask plugin 94 | * Ion.RangeSlider 95 | * jQuery 96 | * jVectorMap 97 | * moment.js 98 | * Morris.js - pretty time-series line graphs 99 | * PNotify - Awesome JavaScript notifications 100 | * NProgress 101 | * Pace 102 | * Parsley 103 | * bootstrap-progressbar 104 | * select2 105 | * Sidebar Transitions - simple off-canvas navigations 106 | * Skycons - canvas based wather icons 107 | * jQuery Sparklines plugin 108 | * switchery - Turns HTML checkbox inputs into beautiful iOS style switches 109 | * jQuery Tags Input Plugin 110 | * Autosize - resizes text area to fit text 111 | * validator - HTML from validator using jQuery 112 | * jQuery Smart Wizard 113 | * moment-jalaali 114 | 115 | ## Gentelella for other platforms and frameworks 116 | 117 | * [Gentelella on Ruby on Rails 4](https://github.com/iogbole/gentelella_on_rails) thanks to Israel Ogbole. 118 | * [Gentelella on Smarty 3](https://github.com/microvb/otp-thing) with one time password generator, validator, and QR code generator that has no web dependencies (self-contained) in PHP thanks to MicroVB INC 119 | * [Gentelella integrated into Symfony 3](https://github.com/krzysiekpiasecki/Gentelella) full stack PHP framework thanks to Krzysztof Piasecki. 120 | * [Gentelella on Yii framework 2](https://github.com/yiister/yii2-gentelella) with an asset bundle, a layout template and some widgets. 121 | * [Gentelella on Angular 2](https://github.com/kmkatsma/angular2-webpack-starter-gentelella) Angular Webpack Starter modified to utilize the Gentelella. 122 | * [Gentelella on Aurelia](https://github.com/kmkatsma/aurelia-gentelella) Typescript webpack skeleton modified to utilize the Gentelella. 123 | 124 | Let us know if you have done integration for this admin template on other platforms and frameworks and we'll be happy to share your work. 125 | 126 | ## Other templates and useful resources 127 | * [Free Bootstrap Admin Templates](https://colorlib.com/wp/free-bootstrap-admin-dashboard-templates/ "Bootstrap Admin Templates on Colorlib") - List of the best Free Bootstrap admin dashboard templates that are available for free for personal and commercial use. 128 | * [Free Admin Templates](https://colorlib.com/wp/free-html5-admin-dashboard-templates/ "List of free HTML based admin templates by Colorlib") - Long list of the best free HTML5 powered admin dashboard templates. Available for personal and commercial use. 129 | * [Angular Templates](https://colorlib.com/wp/angularjs-admin-templates/ "Angular Admin Templates on Colorlib") - List of the most popular admin templates based on AngularJS. 130 | * [HTML Admin Templates](https://colorlib.com/wp/html-admin-templates/ "Material Design Admin Templates on Colorlib") - Most of these templates are based on AngularJS and uses a stunning Material design. 131 | * [Bootstrap Admin Templates](https://colorlib.com/wp/bootstrap-admin-templates/ "List of Premium Bootstrap Admin Templates by Colorlib") - List of premium Bootstrap admin templates that uses a minimal flat or material design. Majority of these themes uses AngularJS but HTML5 versions are also available. 132 | * [WordPress Admin Templates](https://colorlib.com/wp/wordpress-admin-dashboard-themes-plugins/ "List of WordPress Admin Dashboard Templates and Plugins by Colorlib") - List of the best WordPress admin dashboard templates and plugins that will add a personal touch to your WordPress dashboard. 133 | * [WordPress Themes](https://colorlib.com/wp/free-wordpress-themes/ "List of Free WordPress themes by Colorlib") - A huge selection of the best free WordPress themes that are all licensed under GPL and are available for personal and commercial use without restrictions. 134 | 135 | ## License information 136 | Gentelella RTL is licensed under The MIT License (MIT). Which means that you can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software. But you always need to state that Colorlib is the original author of this template. 137 | 138 | Project is developed and maintained by [Morteza Karimi](https://morteza-karimi.ir/ "Morteza Karimi - Web Developer") 139 | -------------------------------------------------------------------------------- /src/scss/partials/_font.scss: -------------------------------------------------------------------------------- 1 | /* 2 | IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 3 | --------------------------------------------------------------------- 4 | This set of fonts are used in this project under the license: (Y68A9) 5 | --------------------------------------------------------------------- 6 | */ 7 | 8 | @include font-face('IRANSans', 9 | font-files( 10 | 'woff2/IRANSansWeb_Black.woff2', 11 | 'woff/IRANSansWeb_Black.woff', 12 | 'ttf/IRANSansWeb_Black.ttf'), 13 | 'eot/IRANSansWeb_Black.eot', 14 | 900, 15 | 'normal' 16 | ); 17 | 18 | @include font-face('IRANSans', 19 | font-files( 20 | 'woff2/IRANSansWeb_Bold.woff2', 21 | 'woff/IRANSansWeb_Bold.woff', 22 | 'ttf/IRANSansWeb_Bold.ttf'), 23 | 'eot/IRANSansWeb_Bold.eot', 24 | 'bold', 25 | 'normal' 26 | ); 27 | 28 | @include font-face('IRANSans', 29 | font-files( 30 | 'woff2/IRANSansWeb_Medium.woff2', 31 | 'woff/IRANSansWeb_Medium.woff', 32 | 'ttf/IRANSansWeb_Medium.ttf'), 33 | 'eot/IRANSansWeb_Medium.eot', 34 | 500, 35 | 'normal' 36 | ); 37 | @include font-face('IRANSans', 38 | font-files( 39 | 'woff2/IRANSansWeb_Light.woff2', 40 | 'woff/IRANSansWeb_Light.woff', 41 | 'ttf/IRANSansWeb_Light.ttf'), 42 | 'eot/IRANSansWeb_Light.eot', 43 | 300, 44 | 'normal' 45 | ); 46 | @include font-face('IRANSans', 47 | font-files( 48 | 'woff2/IRANSansWeb_UltraLight.woff2', 49 | 'woff/IRANSansWeb_UltraLight.woff', 50 | 'ttf/IRANSansWeb_UltraLight.ttf'), 51 | 'eot/IRANSansWeb_UltraLight.eot', 52 | 200, 53 | 'normal' 54 | ); 55 | @include font-face('IRANSans', 56 | font-files( 57 | 'woff2/IRANSansWeb.woff2', 58 | 'woff/IRANSansWeb.woff', 59 | 'ttf/IRANSansWeb.ttf'), 60 | 'eot/IRANSansWeb.eot', 61 | 'normal', 62 | 'normal' 63 | ); 64 | /** 65 | IF you want all numbers in persian use this 66 | */ 67 | @include font-face('IRANSans_FaNum', 68 | font-files( 69 | 'woff2/IRANSansWeb(FaNum)_Black.woff2', 70 | 'woff/IRANSansWeb(FaNum)_Black.woff', 71 | 'ttf/IRANSansWeb(FaNum)_Black.ttf'), 72 | 'eot/IRANSansWeb(FaNum)_Black.eot', 73 | 900, 74 | 'normal' 75 | ); 76 | 77 | @include font-face('IRANSans_FaNum', 78 | font-files( 79 | 'woff2/IRANSansWeb(FaNum)_Bold.woff2', 80 | 'woff/IRANSansWeb(FaNum)_Bold.woff', 81 | 'ttf/IRANSansWeb(FaNum)_Bold.ttf'), 82 | 'eot/IRANSansWeb(FaNum)_Bold.eot', 83 | 'bold', 84 | 'normal' 85 | ); 86 | 87 | @include font-face('IRANSans_FaNum', 88 | font-files( 89 | 'woff2/IRANSansWeb(FaNum)_Medium.woff2', 90 | 'woff/IRANSansWeb(FaNum)_Medium.woff', 91 | 'ttf/IRANSansWeb(FaNum)_Medium.ttf'), 92 | 'eot/IRANSansWeb(FaNum)_Medium.eot', 93 | 500, 94 | 'normal' 95 | ); 96 | @include font-face('IRANSans_FaNum', 97 | font-files( 98 | 'woff2/IRANSansWeb(FaNum)_Light.woff2', 99 | 'woff/IRANSansWeb(FaNum)_Light.woff', 100 | 'ttf/IRANSansWeb(FaNum)_Light.ttf'), 101 | 'eot/IRANSansWeb(FaNum)_Light.eot', 102 | 300, 103 | 'normal' 104 | ); 105 | @include font-face('IRANSans_FaNum', 106 | font-files( 107 | 'woff2/IRANSansWeb(FaNum)_UltraLight.woff2', 108 | 'woff/IRANSansWeb(FaNum)_UltraLight.woff', 109 | 'ttf/IRANSansWeb(FaNum)_UltraLight.ttf'), 110 | 'eot/IRANSansWeb(FaNum)_UltraLight.eot', 111 | 200, 112 | 'normal' 113 | ); 114 | @include font-face('IRANSans_FaNum', 115 | font-files( 116 | 'woff2/IRANSansWeb(FaNum).woff2', 117 | 'woff/IRANSansWeb(FaNum).woff', 118 | 'ttf/IRANSansWeb(FaNum).ttf'), 119 | 'eot/IRANSansWeb.eot', 120 | 'normal', 121 | 'normal' 122 | ); 123 | 124 | 125 | /* ====== Vazir Font ======== */ 126 | @include font-face('Vazir', 127 | font-files( 128 | 'Vazir/Vazir.woff2', 129 | 'Vazir/Vazir.woff', 130 | 'Vazir/Vazir.ttf'), 131 | 'Vazir/Vazir.eot', 132 | 'normal', 133 | 'normal' 134 | ); 135 | @include font-face('Vazir', 136 | font-files( 137 | 'Vazir/Vazir-Bold.woff2', 138 | 'Vazir/Vazir-Bold.woff', 139 | 'Vazir/Vazir-Bold.ttf'), 140 | 'Vazir/Vazir-Bold.eot', 141 | 'bold', 142 | 'normal' 143 | ); 144 | @include font-face('Vazir', 145 | font-files( 146 | 'Vazir/Vazir-Black.woff2', 147 | 'Vazir/Vazir-Black.woff', 148 | 'Vazir/Vazir-Black.ttf'), 149 | 'Vazir/Vazir-Black.eot', 150 | 900, 151 | 'normal' 152 | ); 153 | @include font-face('Vazir', 154 | font-files( 155 | 'Vazir/Vazir-Medium.woff2', 156 | 'Vazir/Vazir-Medium.woff', 157 | 'Vazir/Vazir-Medium.ttf'), 158 | 'Vazir/Vazir-Medium.eot', 159 | 500, 160 | 'normal' 161 | ); 162 | @include font-face('Vazir', 163 | font-files( 164 | 'Vazir/Vazir-Light.woff2', 165 | 'Vazir/Vazir-Light.woff', 166 | 'Vazir/Vazir-Light.ttf'), 167 | 'Vazir/Vazir-Light.eot', 168 | 300, 169 | 'normal' 170 | ); 171 | @include font-face('Vazir', 172 | font-files( 173 | 'Vazir/Vazir-Thin.woff2', 174 | 'Vazir/Vazir-Thin.woff', 175 | 'Vazir/Vazir-Thin.ttf'), 176 | 'Vazir/Vazir-Thin.eot', 177 | 100, 178 | 'normal' 179 | ); -------------------------------------------------------------------------------- /production/typography.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | {% endblock %} 4 | {% block content %} 5 | 6 |
7 |
8 |
9 |
10 |

تایپوگرافی

11 |
12 | 13 |
14 |
15 |
16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 | 25 |
26 | 27 |
28 |
29 |
30 |
31 |

تایپوگرافی 32 | عناصر طراحی متفاوت 33 |

34 | 50 |
51 |
52 |
53 | 54 |
55 | 56 |
57 |

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان 58 | گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و 59 | برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی 60 | می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و 61 | متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی 62 | الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید 63 | داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد و زمان 64 | مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود 65 | طراحی اساسا مورد استفاده قرار گیرد.

66 |
کسی معروف در عنوان منبع 67 |
68 |
69 | 70 |
71 |

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان 72 | گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و 73 | برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی 74 | می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و 75 | متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی 76 | الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید 77 | داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد و زمان 78 | مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود 79 | طراحی اساسا مورد استفاده قرار گیرد.

80 |
کسی معروف در عنوان منبع 81 |
82 |
83 |
84 |
85 |

h1. عنوان Bootstrap

86 |

h2. عنوان Bootstrap

87 |

h3. عنوان Bootstrap

88 |

h4. عنوان Bootstrap

89 |
h5. عنوان Bootstrap
90 |
h6. عنوان Bootstrap
91 |
92 | 93 |
94 | 95 |
96 |

برچسب ها و مدالها

97 | پیشفرض 98 | اولیه 99 | موفق 100 | اطلاع 101 | اخطار 102 | خطر 103 | 42 104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 | 112 | {% endblock %} 113 | {% block scriptsFiles %} 114 | {% endblock %} 115 | {% block scripts %} 116 | {% endblock %} 117 | -------------------------------------------------------------------------------- /production/calendar.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | 4 | 5 | 6 | {% endblock %} 7 | {% block content %} 8 | 9 |
10 |
11 |
12 |
13 |

تقویم 14 | برای افزودن و یا ویرایش کلیک کنید 15 |

16 |
17 | 18 |
19 |
20 |
21 | 22 | 23 | 24 | 25 |
26 |
27 |
28 |
29 | 30 |
31 | 32 |
33 |
34 |
35 |
36 |

رویداد تقویم 37 | جلسات 38 |

39 | 55 |
56 |
57 |
58 | 59 |
60 | 61 |
62 |
63 |
64 |
65 |
66 |
67 | 68 | 69 | 70 | 104 | 140 | 141 |
142 |
143 | 144 | 145 | {% endblock %} 146 | {% block scriptsFiles %} 147 | 148 | 149 | 150 | {% endblock %} 151 | {% block scripts %} 152 | {% endblock %} -------------------------------------------------------------------------------- /src/scss/partials/_grid.scss: -------------------------------------------------------------------------------- 1 | // 2 | //.col-xs-1 { 3 | // position: relative; 4 | // min-height: 1px; 5 | // float: left; 6 | // padding-right: 10px; 7 | // padding-left: 10px; 8 | //} 9 | //.col-sm-1 { 10 | // position: relative; 11 | // min-height: 1px; 12 | // float: left; 13 | // padding-right: 10px; 14 | // padding-left: 10px; 15 | //} 16 | //.col-md-1 { 17 | // position: relative; 18 | // min-height: 1px; 19 | // float: left; 20 | // padding-right: 10px; 21 | // padding-left: 10px; 22 | //} 23 | //.col-lg-1 { 24 | // position: relative; 25 | // min-height: 1px; 26 | // float: left; 27 | // padding-right: 10px; 28 | // padding-left: 10px; 29 | //} 30 | //.col-xs-2 { 31 | // position: relative; 32 | // min-height: 1px; 33 | // float: left; 34 | // padding-right: 10px; 35 | // padding-left: 10px; 36 | //} 37 | //.col-sm-2 { 38 | // position: relative; 39 | // min-height: 1px; 40 | // float: left; 41 | // padding-right: 10px; 42 | // padding-left: 10px; 43 | //} 44 | //.col-md-2 { 45 | // position: relative; 46 | // min-height: 1px; 47 | // float: left; 48 | // padding-right: 10px; 49 | // padding-left: 10px; 50 | //} 51 | //.col-lg-2 { 52 | // position: relative; 53 | // min-height: 1px; 54 | // float: left; 55 | // padding-right: 10px; 56 | // padding-left: 10px; 57 | //} 58 | //.col-xs-3 { 59 | // position: relative; 60 | // min-height: 1px; 61 | // float: left; 62 | // padding-right: 10px; 63 | // padding-left: 10px; 64 | //} 65 | //.col-sm-3 { 66 | // position: relative; 67 | // min-height: 1px; 68 | // float: left; 69 | // padding-right: 10px; 70 | // padding-left: 10px; 71 | //} 72 | //.col-md-3 { 73 | // position: relative; 74 | // min-height: 1px; 75 | // float: left; 76 | // padding-right: 10px; 77 | // padding-left: 10px; 78 | //} 79 | //.col-lg-3 { 80 | // position: relative; 81 | // min-height: 1px; 82 | // float: left; 83 | // padding-right: 10px; 84 | // padding-left: 10px; 85 | //} 86 | //.col-xs-4 { 87 | // position: relative; 88 | // min-height: 1px; 89 | // float: left; 90 | // padding-right: 10px; 91 | // padding-left: 10px; 92 | //} 93 | //.col-sm-4 { 94 | // position: relative; 95 | // min-height: 1px; 96 | // float: left; 97 | // padding-right: 10px; 98 | // padding-left: 10px; 99 | //} 100 | //.col-md-4 { 101 | // position: relative; 102 | // min-height: 1px; 103 | // float: left; 104 | // padding-right: 10px; 105 | // padding-left: 10px; 106 | //} 107 | //.col-lg-4 { 108 | // position: relative; 109 | // min-height: 1px; 110 | // float: left; 111 | // padding-right: 10px; 112 | // padding-left: 10px; 113 | //} 114 | //.col-xs-5 { 115 | // position: relative; 116 | // min-height: 1px; 117 | // float: left; 118 | // padding-right: 10px; 119 | // padding-left: 10px; 120 | //} 121 | //.col-sm-5 { 122 | // position: relative; 123 | // min-height: 1px; 124 | // float: left; 125 | // padding-right: 10px; 126 | // padding-left: 10px; 127 | //} 128 | //.col-md-5 { 129 | // position: relative; 130 | // min-height: 1px; 131 | // float: left; 132 | // padding-right: 10px; 133 | // padding-left: 10px; 134 | //} 135 | //.col-lg-5 { 136 | // position: relative; 137 | // min-height: 1px; 138 | // float: left; 139 | // padding-right: 10px; 140 | // padding-left: 10px; 141 | //} 142 | //.col-xs-6 { 143 | // position: relative; 144 | // min-height: 1px; 145 | // float: left; 146 | // padding-right: 10px; 147 | // padding-left: 10px; 148 | //} 149 | //.col-sm-6 { 150 | // position: relative; 151 | // min-height: 1px; 152 | // float: left; 153 | // padding-right: 10px; 154 | // padding-left: 10px; 155 | //} 156 | //.col-md-6 { 157 | // position: relative; 158 | // min-height: 1px; 159 | // float: left; 160 | // padding-right: 10px; 161 | // padding-left: 10px; 162 | //} 163 | //.col-lg-6 { 164 | // position: relative; 165 | // min-height: 1px; 166 | // float: left; 167 | // padding-right: 10px; 168 | // padding-left: 10px; 169 | //} 170 | //.col-xs-7 { 171 | // position: relative; 172 | // min-height: 1px; 173 | // float: left; 174 | // padding-right: 10px; 175 | // padding-left: 10px; 176 | //} 177 | //.col-sm-7 { 178 | // position: relative; 179 | // min-height: 1px; 180 | // float: left; 181 | // padding-right: 10px; 182 | // padding-left: 10px; 183 | //} 184 | //.col-md-7 { 185 | // position: relative; 186 | // min-height: 1px; 187 | // float: left; 188 | // padding-right: 10px; 189 | // padding-left: 10px; 190 | //} 191 | //.col-lg-7 { 192 | // position: relative; 193 | // min-height: 1px; 194 | // float: left; 195 | // padding-right: 10px; 196 | // padding-left: 10px; 197 | //} 198 | //.col-xs-8 { 199 | // position: relative; 200 | // min-height: 1px; 201 | // float: left; 202 | // padding-right: 10px; 203 | // padding-left: 10px; 204 | //} 205 | //.col-sm-8 { 206 | // position: relative; 207 | // min-height: 1px; 208 | // float: left; 209 | // padding-right: 10px; 210 | // padding-left: 10px; 211 | //} 212 | //.col-md-8 { 213 | // position: relative; 214 | // min-height: 1px; 215 | // float: left; 216 | // padding-right: 10px; 217 | // padding-left: 10px; 218 | //} 219 | //.col-lg-8 { 220 | // position: relative; 221 | // min-height: 1px; 222 | // float: left; 223 | // padding-right: 10px; 224 | // padding-left: 10px; 225 | //} 226 | //.col-xs-9 { 227 | // position: relative; 228 | // min-height: 1px; 229 | // float: left; 230 | // padding-right: 10px; 231 | // padding-left: 10px; 232 | //} 233 | //.col-sm-9 { 234 | // position: relative; 235 | // min-height: 1px; 236 | // float: left; 237 | // padding-right: 10px; 238 | // padding-left: 10px; 239 | //} 240 | //.col-md-9 { 241 | // position: relative; 242 | // min-height: 1px; 243 | // float: left; 244 | // padding-right: 10px; 245 | // padding-left: 10px; 246 | //} 247 | //.col-lg-9 { 248 | // position: relative; 249 | // min-height: 1px; 250 | // float: left; 251 | // padding-right: 10px; 252 | // padding-left: 10px; 253 | //} 254 | //.col-xs-10 { 255 | // position: relative; 256 | // min-height: 1px; 257 | // float: left; 258 | // padding-right: 10px; 259 | // padding-left: 10px; 260 | //} 261 | //.col-sm-10 { 262 | // position: relative; 263 | // min-height: 1px; 264 | // float: left; 265 | // padding-right: 10px; 266 | // padding-left: 10px; 267 | //} 268 | //.col-md-10 { 269 | // position: relative; 270 | // min-height: 1px; 271 | // float: left; 272 | // padding-right: 10px; 273 | // padding-left: 10px; 274 | //} 275 | //.col-lg-10 { 276 | // position: relative; 277 | // min-height: 1px; 278 | // float: left; 279 | // padding-right: 10px; 280 | // padding-left: 10px; 281 | //} 282 | //.col-xs-11 { 283 | // position: relative; 284 | // min-height: 1px; 285 | // float: left; 286 | // padding-right: 10px; 287 | // padding-left: 10px; 288 | //} 289 | //.col-sm-11 { 290 | // position: relative; 291 | // min-height: 1px; 292 | // float: left; 293 | // padding-right: 10px; 294 | // padding-left: 10px; 295 | //} 296 | //.col-md-11 { 297 | // position: relative; 298 | // min-height: 1px; 299 | // float: left; 300 | // padding-right: 10px; 301 | // padding-left: 10px; 302 | //} 303 | //.col-lg-11 { 304 | // position: relative; 305 | // min-height: 1px; 306 | // float: left; 307 | // padding-right: 10px; 308 | // padding-left: 10px; 309 | //} 310 | //.col-xs-12 { 311 | // position: relative; 312 | // min-height: 1px; 313 | // float: left; 314 | // padding-right: 10px; 315 | // padding-left: 10px; 316 | //} 317 | //.col-sm-12 { 318 | // position: relative; 319 | // min-height: 1px; 320 | // float: left; 321 | // padding-right: 10px; 322 | // padding-left: 10px; 323 | //} 324 | //.col-md-12 { 325 | // position: relative; 326 | // min-height: 1px; 327 | // float: left; 328 | // padding-right: 10px; 329 | // padding-left: 10px; 330 | //} 331 | //.col-lg-12 { 332 | // position: relative; 333 | // min-height: 1px; 334 | // float: left; 335 | // padding-right: 10px; 336 | // padding-left: 10px; 337 | //} -------------------------------------------------------------------------------- /src/scss/partials/_variables.scss: -------------------------------------------------------------------------------- 1 | //colors 2 | $color_pickled_bluewood_approx: #2a3f54; 3 | $color_gray_nurse_approx: #eaeaea; 4 | $color_mountain_meadow_approx: #1abb9c; 5 | $color_fiord_approx: #3e5367; 6 | $white: #fff; 7 | $black: #000; 8 | $color_pickled_bluewood_44_approx: rgba(52, 73, 94, 0.44); 9 | $color_pink_swan_approx: #bab8b8; 10 | $color_athens_gray_approx: #ecf0f1; 11 | $color_ghost_approx: #c4cfda; 12 | $color_gallery_approx: #ededed; 13 | $color_geyser_approx: #d9dee4; 14 | $color_black_haze_approx: #f7f7f7; 15 | $color_curious_blue_approx: #3498db; 16 | $color_wisteria_approx: #9b59b6; 17 | $color_opal_approx: #9cc2cb; 18 | $color_cinnabar_approx: #e74c3c; 19 | $color_bermuda_gray_approx: #73879c; 20 | $color_tree_poppy_approx: #f39c12; 21 | $color_shakespeare_approx: #50c1cf; 22 | $color_submarine_approx: #bdc3c7; 23 | $color_kashmir_blue_approx: #5a738e; 24 | $color_wild_sand_approx: #f2f5f7; 25 | $white_6: rgba(255, 255, 255, 0.06); 26 | $color_mercury_approx: #e7e7e7; 27 | $white_5: rgba(255, 255, 255, 0.05); 28 | $black_25: rgba(0, 0, 0, 0.25); 29 | $white_16: rgba(255, 255, 255, 0.16); 30 | $color_abbey_approx: #515356; 31 | $black_7_5: rgba(0, 0, 0, 0.075); 32 | $color_mercury_49_approx: rgba(221, 226, 232, 0.49); 33 | $color_santas_gray_approx: #93a2b2; 34 | $white_75: rgba(255, 255, 255, 0.75); 35 | $color_pumice_approx: #c5c7cb; 36 | $color_whisper_approx: #f5f7fa; 37 | $color_celeste_approx: #ccc; 38 | $color_fuscous_gray_approx: #555; 39 | $color_alto_approx: #ddd; 40 | $gallery: #efefef; 41 | $color_flush_mahogany_approx: #c0392b; 42 | $color_mystic_approx: #e6e9ed; 43 | $color_silver_approx: #bdbdbd; 44 | $mercury: #e5e5e5; 45 | $color_waterloo__approx: #768399; 46 | $color_bermuda_gray_36_approx: rgba(115, 135, 156, 0.36); 47 | $color_keppel_59_approx: rgba(38, 185, 154, 0.59); 48 | $color_alto_78_approx: rgba(221, 221, 221, 0.78); 49 | $color_pickled_bluewood_94_approx: rgba(52, 73, 94, 0.94); 50 | $color_keppel_7_approx: rgba(38, 185, 154, 0.07); 51 | $color_keppel_11_approx: rgba(38, 185, 154, 0.11); 52 | $color_keppel_16_approx: rgba(38, 185, 154, 0.16); 53 | $color_keppel_40_approx: rgba(38, 185, 154, 0.40); 54 | $red: #ff0000; 55 | $color_mountain_mist_approx: #999; 56 | $color_silver_chalice_approx: #aaa; 57 | $color_tundora_approx: #444; 58 | $color_star_dust_approx: #a19b9e; 59 | $color_jordy_blue_approx: #99b3ff; 60 | $color_pigeon_post_approx: #b0bed9; 61 | $color_rock_blue_approx: #9fafd1; 62 | $color_portage_approx: #8080ff; 63 | $color_blue_chalk_approx: #e5e5ff; 64 | $color_concrete_approx: #f3f3f3; 65 | $color_seagull_approx: #79c3df; 66 | $color_loblolly_approx: #c1cdcd; 67 | $color_pelorous_approx: #33a1c9; 68 | $color_regent_st_blue_approx: #abd9ea; 69 | $color_boulder_approx: #757679; 70 | $color_big_stone_approx: #172d44; 71 | $color_bombay_approx: #adb2b5; 72 | $color_shuttle_gray_approx: #5e6974; 73 | $color_masala_41_approx: rgba(58, 58, 58, 0.41); 74 | $white_80: rgba(255, 255, 255, 0.8); 75 | $black_10: rgba(0, 0, 0, 0.1); 76 | $black_15: rgba(0, 0, 0, 0.15); 77 | $color_silver_sand_30_approx: rgba(194, 194, 194, 0.3); 78 | $color_boston_blue_approx: #428bca; 79 | $color_scooter_approx: #39b3d7; 80 | $alto: #dbdbdb; 81 | $color_niagara_approx: #169f85; 82 | $color_mine_shaft_approx: #333; 83 | $color_mischka_approx: #ccd0d7; 84 | $color_hippie_green_approx: #468847; 85 | $color_willow_brook_approx: #dff0d8; 86 | $color_beryl_green_approx: #d6e9c6; 87 | $color_chestnut_approx: #b94a48; 88 | $color_vanilla_ice_approx: #f2dede; 89 | $color_bridesmaid_approx: #faedec; 90 | $color_flame_pea_approx: #e85445; 91 | $color_fuzzy_wuzzy_brown_approx: #ce5454; 92 | $color_tapa_approx: #777; 93 | $wild_sand: #f4f4f4; 94 | $color_dodger_blue_approx: #3399ff; 95 | $color_keppel_approx: #26b99a; 96 | $color_blue_bayoux_approx: #4b5f71; 97 | $color_river_bed_approx: #394d5f; 98 | $color_storm_dust_approx: #666; 99 | $alabaster: #fafafa; 100 | $black_12_5: rgba(0, 0, 0, 0.125); 101 | $color_nobel_approx: #b3b3b3; 102 | $white_20: rgba(255, 255, 255, .2); 103 | $black_5: rgba(0, 0, 0, .05); 104 | $color_alabaster_approx: #f9f9f9; 105 | $color_catskill_white_approx: #f1f6f7; 106 | $color_sushi_approx: #82ad2b; 107 | $color_cosmos_approx: #fbd8db; 108 | $color_tamarillo_approx: #90111a; 109 | $color_iron_approx: #d3d6da; 110 | $color_quill_gray_approx: #d2d3d2; 111 | $color_cararra_approx: #ececec; 112 | $color_downy_16_approx: rgba(101, 204, 182, 0.16); 113 | $color_log_cabin_approx: #222; 114 | $color_mine_shaft_28_approx: rgba(51, 51, 51, 0.28); 115 | $color_danube_approx: #5b90bf; 116 | $black_30: rgba(0, 0, 0, .3); 117 | $black_35: rgba(0, 0, 0, 0.35); 118 | $black_50: rgba(0, 0, 0, 0.5); 119 | $color_concrete_80_approx: rgba(243, 242, 243, 0.8); 120 | $color_pale_slate_80_approx: rgba(195, 194, 196, 0.8); 121 | $color_bon_jour_approx: #dfdfdf; 122 | $color_gray_approx: rgb(126, 126, 126); 123 | $white_100: rgba(255, 255, 255, 1); 124 | $black_8: rgba(0, 0, 0, 0.08); 125 | $color_bouquet_approx: #a97aad; 126 | $color_purple_mountains_majesty_approx: #a878af; 127 | $color_white_lilac_approx: rgb(247, 249, 250); 128 | $color_cerulean_approx: #00aeef; 129 | $black_7_45098: rgba(0, 0, 0, 0.0745098); 130 | $color_keppel_88_approx: rgba(38, 185, 154, 0.88); 131 | $color_curious_blue_88_approx: rgba(52, 152, 219, 0.88); 132 | $color_tree_poppy_88_approx: rgba(243, 156, 18, 0.88); 133 | $color_cinnabar_88_approx: rgba(231, 76, 60, 0.88); 134 | $color_pickled_bluewood_88_approx: rgba(52, 73, 94, 0.88); 135 | $color_pickled_bluewood_approx: #2a3f54; 136 | $color_fiord_approx: #425668; 137 | $color_abbey_approx: #515356; 138 | $color_pickled_bluewood_approx: #34495e; 139 | .blue { 140 | color: $color_curious_blue_approx; 141 | } 142 | 143 | .purple { 144 | color: $color_wisteria_approx; 145 | } 146 | 147 | .green { 148 | color: $color_mountain_meadow_approx; 149 | } 150 | 151 | .aero { 152 | color: $color_opal_approx; 153 | } 154 | 155 | .red { 156 | color: $color_cinnabar_approx; 157 | } 158 | 159 | .dark { 160 | color: $color_pickled_bluewood_approx; 161 | } 162 | 163 | .border-blue { 164 | border-color: $color_curious_blue_approx !important; 165 | } 166 | 167 | .border-purple { 168 | border-color: $color_wisteria_approx !important; 169 | } 170 | 171 | .border-green { 172 | border-color: $color_mountain_meadow_approx !important; 173 | } 174 | 175 | .border-aero { 176 | border-color: $color_opal_approx !important; 177 | } 178 | 179 | .border-red { 180 | border-color: $color_cinnabar_approx !important; 181 | } 182 | 183 | .border-dark { 184 | border-color: $color_pickled_bluewood_approx !important; 185 | } 186 | 187 | .bg-white { 188 | background: $white !important; 189 | border: 1px solid $white !important; 190 | color: $color_bermuda_gray_approx; 191 | } 192 | 193 | .bg-green { 194 | background: $color_mountain_meadow_approx !important; 195 | border: 1px solid $color_mountain_meadow_approx !important; 196 | color: $white; 197 | } 198 | 199 | .bg-red { 200 | background: $color_cinnabar_approx !important; 201 | border: 1px solid $color_cinnabar_approx !important; 202 | color: $white; 203 | } 204 | 205 | .bg-blue { 206 | background: $color_curious_blue_approx !important; 207 | border: 1px solid $color_curious_blue_approx !important; 208 | color: $white; 209 | } 210 | 211 | .bg-orange { 212 | background: $color_tree_poppy_approx !important; 213 | border: 1px solid $color_tree_poppy_approx !important; 214 | color: $white; 215 | } 216 | 217 | .bg-purple { 218 | background: $color_wisteria_approx !important; 219 | border: 1px solid $color_wisteria_approx !important; 220 | color: $white; 221 | } 222 | 223 | .bg-blue-sky { 224 | background: $color_shakespeare_approx !important; 225 | border: 1px solid $color_shakespeare_approx !important; 226 | color: $white; 227 | } 228 | 229 | /* change color required span in labels */ 230 | .control-label .required, label .required { 231 | color: red; 232 | } 233 | 234 | //fonts 235 | $font_B_Yekan: B Yekan; 236 | $font_Vazir: Vazir; 237 | $font_IRANSansWeb: IRANSans; 238 | $font_IRANSansWebFaNum: IRANSans_FaNum; 239 | 240 | $font_0: Helvetica Neue; 241 | $font_1: Roboto; 242 | $font_2: Arial; 243 | $font_3: Droid Sans; 244 | $font_4: sans-serif; 245 | $font_5: FontAwesome; 246 | $font_6: helvetica; 247 | $font_7: Georgia; 248 | $font_8: serif; 249 | $font_9: Helvetica; 250 | 251 | //urls 252 | $url_0: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png); 253 | 254 | //== Media queries breakpoints 255 | // 256 | //## Define the breakpoints at which your layout will change, adapting to different screen sizes. 257 | 258 | // Extra small screen / phone 259 | //** Deprecated `$screen-xs` as of v3.0.1 260 | $screen-xs: 480px; 261 | //** Deprecated `$screen-xs-min` as of v3.2.0 262 | $screen-xs-min: $screen-xs; 263 | //** Deprecated `$screen-phone` as of v3.0.1 264 | $screen-phone: $screen-xs-min; 265 | 266 | // Small screen / tablet 267 | //** Deprecated `$screen-sm` as of v3.0.1 268 | $screen-sm: 768px; 269 | $screen-sm-min: $screen-sm; 270 | //** Deprecated `$screen-tablet` as of v3.0.1 271 | $screen-tablet: $screen-sm-min; 272 | 273 | // Medium screen / desktop 274 | //** Deprecated `$screen-md` as of v3.0.1 275 | $screen-md: 992px; 276 | $screen-md-min: $screen-md; 277 | //** Deprecated `$screen-desktop` as of v3.0.1 278 | $screen-desktop: $screen-md-min; 279 | 280 | // Large screen / wide desktop 281 | //** Deprecated `$screen-lg` as of v3.0.1 282 | $screen-lg: 1200px; 283 | $screen-lg-min: $screen-lg; 284 | //** Deprecated `$screen-lg-desktop` as of v3.0.1 285 | $screen-lg-desktop: $screen-lg-min; 286 | 287 | // So media queries don't overlap when required, provide a maximum 288 | $screen-xs-max: ($screen-sm-min - 1); 289 | $screen-sm-max: ($screen-md-min - 1); 290 | $screen-md-max: ($screen-lg-min - 1); 291 | 292 | -------------------------------------------------------------------------------- /production/morisjs.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | {% endblock %} 4 | {% block content %} 5 | 6 |
7 |
8 |
9 |
10 |

Morris Js

11 |
12 | 13 |
14 |
15 |
16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 | 25 |
26 | 27 |
28 | 29 |
30 |
31 |
32 |

نمودار میله ای جلسات

33 | 48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 | 56 | 57 | 58 |
59 |
60 |
61 |

نمودار میله ای گروهی جلسات

62 | 77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 | 86 | 87 | 88 |
89 |
90 |
91 |

نمودار میله ای گروهی جلسات

92 | 107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 | 115 | 116 | 117 |
118 |
119 |
120 |

نمودار پای جلسات

121 | 136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 | 144 | 145 | 146 |
147 |
148 |
149 |

نمودار منطقه‌ای جلسات

150 | 165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 | 173 | 174 | 175 |
176 |
177 |
178 |

نمودار خطی جلسات

179 | 194 |
195 |
196 |
197 |
198 |
199 |
200 |
201 | 202 |
203 |
204 |
205 | 206 | {% endblock %} 207 | {% block scriptsFiles %} 208 | 209 | 210 | 211 | {% endblock %} 212 | {% block scripts %} 213 | {% endblock %} -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 | 3 | # Gentelella RTL / قالب راست چین شده مدیریت 4 | 5 | Gentelella یک قالب مدیریت راست چین شده می‌باشد که از روی قالب اصلی که در آدرس [Gentelella](https://github.com/puikinsh/gentelella) می‌توانید آن را مشاهده نمایید بوجود آمده است. 6 | 7 | ## دموی قالب 8 | ![Gentelella Bootstrap Admin Template](./documentation/images/demo-template.png "Gentelella RTL Theme Browser Preview") 9 | 10 | **[اینجا می‌توانید مشاهده نمایید](https://mortezakarimi.github.io/gentelella-rtl/public/index.html)** 11 | 12 | 13 | ## تغییر فونت 14 | 15 | با استفاده از افزودن یکی از کلاس‌های زیر به تگ `body` می‌توانید از میان ۴ حالت زیر فونت خود رو انتخاب نمایید. 16 | 17 |
18 | 19 | **IRanSans (Default Font)** 20 | 21 | ``` 22 | body.iransans 23 | ``` 24 | 25 | **IRanSans Persian Number** 26 | 27 | ``` 28 | body.iransans.persian_num 29 | ``` 30 | 31 | **Vazir Font** 32 | 33 | ``` 34 | body.vazir 35 | ``` 36 | 37 | **Yekan Font** 38 | 39 | ``` 40 | body.yekan 41 | ``` 42 | 43 |
44 | 45 | ## نصب با استفاده از مدیریت بسته ها 46 | 47 | هدف من این است که این پکیج با استفاده از تمام مدیرت بسته های مختلف قابل نصب باشد. در صورتی که مدیریت بسته مورد نظر شما در زیر وجود ندارد کافیست Pull Request دهید 48 | 49 | چند روش نصب این بسته در زیر آمده است: 50 | 51 | **دانلود آخرین نسخه از گیت هاب** 52 | 53 | همچنین برای دانلود آخرین نسخه میتوانید از این پیوند اقدام نمایید. 54 | 55 | [دانلود](https://github.com/mortezakarimi/gentelella-rtl/releases/latest) 56 | 57 | 58 | **نصب با استفاده از گیت هاب** 59 | 60 |
61 | 62 | ``` 63 | git clone https://github.com/mortezakarimi/gentelella-rtl.git -b 'gh-pages' 64 | ``` 65 | 66 | 67 | **Bower** 68 | 69 | ``` 70 | bower install gentelella-rtl --save 71 | ``` 72 | 73 | **npm** 74 | 75 | ``` 76 | npm install gentelella-rtl --save 77 | ``` 78 | 79 |
80 | 81 | ## چگونه همکاری کنید 82 | برای همکاری مطمئن شوید آخرین نسخه پایدار [Node.js](https://nodejs.org/) و [npm](https://npmjs.com) نصب باشد. 83 | 84 | چک کنید Gulp CLI نصب باشد با استفاده از `gulp --version`. اگر وجود نداشت با استفاده از این دستور نصب نمایید `npm install -g gulp`. برای اطلاعات بیشتر در رابطه با نصب Gulp, Gulp را مشاهده نمایید [شروع به کار](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md). 85 | 86 | اگر `gulp` نصب بود به کار‌های زیر بپردازید. 87 | 88 | 1. چنگ زدن و کپی برداری از این رپوزیتوری. 89 | 2. اجرای `gulp`, این کار باعث باز شده gentelella در مرورگر پیشفرض شما می‌شود. 90 | 3. و حالا شما می‌توانید کد بزنید و کد بزنید و کد...! 91 | 4. ارسال یک pull Request 92 | 93 | ## اسکریپت های استفاده شده: 94 |
95 | 96 | * Bootstrap 97 | * Bootstrap-rtl 98 | * Font Awesome 99 | * jQuery-Autocomplete 100 | * FullCalendar 101 | * Charts.js 102 | * Bootstrap Colorpicker 103 | * Cropper 104 | * dataTables 105 | * Date Range Picker for Bootstrap 106 | * Dropzone 107 | * easyPieChart 108 | * ECharts 109 | * bootstrap-wysiwyg 110 | * Flot - Javascript plotting library for jQuery. 111 | * gauge.js 112 | * iCheck 113 | * jquery.inputmask plugin 114 | * Ion.RangeSlider 115 | * jQuery 116 | * jVectorMap 117 | * moment.js 118 | * Morris.js - pretty time-series line graphs 119 | * PNotify - Awesome JavaScript notifications 120 | * NProgress 121 | * Pace 122 | * Parsley 123 | * bootstrap-progressbar 124 | * select2 125 | * Sidebar Transitions - simple off-canvas navigations 126 | * Skycons - canvas based wather icons 127 | * jQuery Sparklines plugin 128 | * switchery - Turns HTML checkbox inputs into beautiful iOS style switches 129 | * jQuery Tags Input Plugin 130 | * Autosize - resizes text area to fit text 131 | * validator - HTML from validator using jQuery 132 | * jQuery Smart Wizard 133 | * moment-jalaali 134 | 135 |
136 | 137 | ## قالب Gentelella برای دیگر فریمورک ها 138 | 139 |
140 | 141 | * [Gentelella-rtl on Yii framework 2](https://github.com/mortezakarimi/yii2-gentelella-rtl) with an asset bundle, a layout template and some widgets. inspired from [Gentelella on Yii framework 2](https://github.com/yiister/yii2-gentelella) 142 | * [Gentelella on Ruby on Rails 4](https://github.com/iogbole/gentelella_on_rails) thanks to Israel Ogbole. 143 | * [Gentelella on Smarty 3](https://github.com/microvb/otp-thing) with one time password generator, validator, and QR code generator that has no web dependencies (self-contained) in PHP thanks to MicroVB INC 144 | * [Gentelella integrated into Symfony 3](https://github.com/krzysiekpiasecki/Gentelella) full stack PHP framework thanks to Krzysztof Piasecki. 145 | * [Gentelella on Yii framework 2](https://github.com/yiister/yii2-gentelella) with an asset bundle, a layout template and some widgets. 146 | * [Gentelella on Angular 2](https://github.com/kmkatsma/angular2-webpack-starter-gentelella) Angular Webpack Starter modified to utilize the Gentelella. 147 | * [Gentelella on Aurelia](https://github.com/kmkatsma/aurelia-gentelella) Typescript webpack skeleton modified to utilize the Gentelella. 148 |
149 | 150 | به ما اطلاع دهید اگر ادغام را برای این قالب مدیریت در سایر سیستم عامل ها و چارچوب ها انجام داده اید و خوشحال خواهیم شد که کار خود را به اشتراک بگذارید. 151 | 152 | ## قالب های و موارد مفید دیگر 153 | 154 |
155 | 156 | * [Free Bootstrap Admin Templates](https://colorlib.com/wp/free-bootstrap-admin-dashboard-templates/ "Bootstrap Admin Templates on Colorlib") - List of the best Free Bootstrap admin dashboard templates that are available for free for personal and commercial use. 157 | * [Free Admin Templates](https://colorlib.com/wp/free-html5-admin-dashboard-templates/ "List of free HTML based admin templates by Colorlib") - Long list of the best free HTML5 powered admin dashboard templates. Available for personal and commercial use. 158 | * [Angular Templates](https://colorlib.com/wp/angularjs-admin-templates/ "Angular Admin Templates on Colorlib") - List of the most popular admin templates based on AngularJS. 159 | * [HTML Admin Templates](https://colorlib.com/wp/html-admin-templates/ "Material Design Admin Templates on Colorlib") - Most of these templates are based on AngularJS and uses a stunning Material design. 160 | * [Bootstrap Admin Templates](https://colorlib.com/wp/bootstrap-admin-templates/ "List of Premium Bootstrap Admin Templates by Colorlib") - List of premium Bootstrap admin templates that uses a minimal flat or material design. Majority of these themes uses AngularJS but HTML5 versions are also available. 161 | * [WordPress Admin Templates](https://colorlib.com/wp/wordpress-admin-dashboard-themes-plugins/ "List of WordPress Admin Dashboard Templates and Plugins by Colorlib") - List of the best WordPress admin dashboard templates and plugins that will add a personal touch to your WordPress dashboard. 162 | * [WordPress Themes](https://colorlib.com/wp/free-wordpress-themes/ "List of Free WordPress themes by Colorlib") - A huge selection of the best free WordPress themes that are all licensed under GPL and are available for personal and commercial use without restrictions. 163 | 164 |
165 | 166 |
167 | 168 | ## Contributors 169 | 170 | ### Code Contributors 171 | 172 | This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)]. 173 | 174 | 175 | ### Financial Contributors 176 | 177 | Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/gentelella-rtl/contribute)] 178 | 179 | #### Individuals 180 | 181 | 182 | 183 | #### Organizations 184 | 185 | Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/gentelella-rtl/contribute)] 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | ## License information 199 | 200 | 201 | Gentelella RTL is licensed under The MIT License (MIT). Which means that you can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software. But you always need to state that Colorlib is the original author of this template. 202 | 203 | Project is developed and maintained by [Morteza Karimi](https://morteza-karimi.ir/ "Morteza Karimi - Web Developer") 204 |
205 |
206 | -------------------------------------------------------------------------------- /production/other_charts.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | 4 | 5 | {% endblock %} 6 | {% block content %} 7 | 8 |
9 |
10 |
11 |
12 |

نمودار دیگر

13 |
14 | 15 |
16 |
17 |
18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
26 | 27 |
28 | 29 |
30 |
31 |
32 |
33 |

انواع دیگر نمودارها 34 | انواع گراف های مختلف 35 |

36 | 52 |
53 |
54 |
55 | 56 |
57 |
58 |

نقشه برداری ایران

59 |
60 |
61 |
62 |

نقشه برداری جهان

63 |
64 |
65 |
66 |
67 | 68 | 69 |
70 |
71 |
72 |
73 |

نمودار پای آسان

74 |
75 | 76 |

نمودار پایه آسان پلاگین جی کوئری است که با استفاده از عنصر بوم برای رندر بسیار 77 | قابل تنظیم، بسیار آسان برای پیاده سازی، نمودار ساده پای برای ارزش های واحد.

78 |
79 |
80 | 81 | 82 | 83 |
84 |
85 | 86 | 87 | 88 |
89 |
90 | 91 | 92 | 93 |
94 |
95 |
96 | 97 |
98 |
99 | 100 |
101 |
102 |
103 |

نمودار درون خطی Sparkline

104 |
105 | 106 |

با این حال، یک کتابخانه بزرگ دیگر برای تجسم داده های درون خطی

107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 122 | 123 | 124 | 125 | 131 | 132 | 133 | 134 | 140 | 141 | 142 | 143 | 149 | 150 | 151 | 152 | 158 | 159 | 160 | 161 |
117 | 118 | 120 | 121 | نمودار خطی
126 | 127 | 129 | 130 | نمودار خطی منطقه‌ای
135 | 136 | 138 | 139 | نمودار میله‌ای
144 | 145 | 147 | 148 | نمودار پای
153 | 154 | 156 | 157 | نمودار گسسته
162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
171 | 172 | {% endblock %} 173 | {% block scriptsFiles %} 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | {% endblock %} 184 | {% block scripts %} 185 | {% endblock %} -------------------------------------------------------------------------------- /production/form_validation.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | 3 | {% block styleFiles %} 4 | {% endblock %} 5 | {% block content %} 6 | 7 |
8 |
9 |
10 |
11 |

اعتبارسنجی فرم

12 |
13 | 14 |
15 |
16 |
17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |
25 |
26 | 27 |
28 |
29 |
30 |
31 |

اعتبار سنجی فرم 32 | زیر عنوان 33 |

34 | 50 |
51 |
52 |
53 | 54 |
55 | 56 |

برای کتابخانه جایگزین برای اعتبار سنجی در صفحه فرم عمومی parsleyJS را نگاه کنید فرم عمومی 58 |

59 | اطلاعات شخصی 60 | 61 |
62 | 65 |
66 | 69 |
70 |
71 |
72 | 75 |
76 | 78 |
79 |
80 |
81 | 84 |
85 | 87 |
88 |
89 |
90 | 93 |
94 | 96 |
97 |
98 |
99 | 102 |
103 | 105 |
106 |
107 |
108 | 111 |
112 | 115 |
116 |
117 |
118 | 119 |
120 | 122 |
123 |
124 |
125 | 126 |
127 | 130 |
131 |
132 |
133 | 136 |
137 | 139 |
140 |
141 |
142 | 145 |
146 | 148 |
149 |
150 |
151 |
152 |
153 | 154 | 155 |
156 |
157 |
158 |
159 |
160 |
161 |
162 |
163 |
164 | 165 | 166 | {% endblock %} 167 | {% block scriptsFiles %} 168 | 169 | 170 | {% endblock %} 171 | {% block scripts %} 172 | 173 | {% endblock %} -------------------------------------------------------------------------------- /production/chartjs2.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | {% endblock %} 4 | {% block content %} 5 | 6 |
7 |
8 |
9 |
10 |

Chart Js 11 | بعضی از نمونه ها برای شروع کار شما 12 |

13 |
14 | 15 |
16 |
17 |
18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
26 | 27 |
28 | 29 |
30 |
31 |
32 |
33 |

نمودار خطی 34 | جلسات 35 |

36 | 52 |
53 |
54 |
55 | 56 |
57 |
58 |
59 | 60 |
61 |
62 |
63 |

نمودار میله ای 64 | جلسات 65 |

66 | 82 |
83 |
84 |
85 | 86 |
87 |
88 |
89 | 90 |
91 |
92 |
93 |

نمودار دونات 94 | جلسات 95 |

96 | 112 |
113 |
114 |
115 | 116 |
117 |
118 |
119 | 120 |
121 |
122 |
123 |

نمودار رادار 124 | جلسات 125 |

126 | 142 |
143 |
144 |
145 | 146 |
147 |
148 |
149 | 150 |
151 |
152 |
153 |

نمودار منطقه پای 154 | جلسات 155 |

156 | 172 |
173 |
174 |
175 | 176 |
177 |
178 |
179 | 180 |
181 |
182 |
183 |

نمودار پای 184 | جلسات 185 |

186 | 202 |
203 |
204 |
205 | 206 |
207 |
208 |
209 |
210 |
211 |
212 |
213 |
214 | 215 | 216 | {% endblock %} 217 | {% block scriptsFiles %} 218 | 219 | 220 | {% endblock %} 221 | {% block scripts %} 222 | {% endblock %} -------------------------------------------------------------------------------- /production/chartjs.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | {% endblock %} 4 | {% block content %} 5 | 6 |
7 |
8 |
9 |
10 |

Chart Js 11 | بعضی از نمونه ها برای شروع کار شما 12 |

13 |
14 | 15 |
16 |
17 |
18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
26 | 27 |
28 | 29 |
30 |
31 |
32 |
33 |

نمودار خطی 34 | جلسات 35 |

36 | 52 |
53 |
54 |
55 | 56 |
57 |
58 |
59 | 60 |
61 |
62 |
63 |

نمودار میله ای 64 | جلسات 65 |

66 | 82 |
83 |
84 |
85 | 86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |

نمودار رادار 96 | جلسات 97 |

98 | 114 |
115 |
116 |
117 | 118 |
119 |
120 |
121 | 122 |
123 |
124 |
125 |

نمودار دونات 126 | جلسات 127 |

128 | 144 |
145 |
146 |
147 | 148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |

نمودار پای 158 | جلسات 159 |

160 | 176 |
177 |
178 |
179 | 180 |
181 |
182 |
183 | 184 |
185 |
186 |
187 |

نمودار منطقه پای 188 | جلسات 189 |

190 | 206 |
207 |
208 |
209 | 210 |
211 |
212 |
213 |
214 |
215 |
216 | 217 | 218 | {% endblock %} 219 | {% block scriptsFiles %} 220 | 221 | 222 | {% endblock %} 223 | {% block scripts %} 224 | {% endblock %} -------------------------------------------------------------------------------- /production/project_detail.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | {% endblock %} 4 | {% block content %} 5 | 6 |
7 |
8 |
9 |
10 |

جزئیات پروژه 11 | طراحی 12 |

13 |
14 | 15 |
16 |
17 |
18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
26 | 27 |
28 | 29 |
30 |
31 |
32 |
33 |

مشاوره قراردادهای شریک جدید

34 | 50 |
51 |
52 | 53 |
54 | 55 |
56 | 57 |
    58 |
  • 59 | بودجه تخمینی 60 | 2300 61 |
    • 62 |
  • 63 | مجموع پرداخت ها 64 | 2000 65 |
    • 66 |
  • 67 | تخمین مدت پروژه 68 | 20 69 |
    • 70 |
71 |
72 | 73 |
74 | 75 |
76 | 77 |

فعالیت اخیر

78 | 79 | 80 |
    81 |
  • 82 | Avatar 83 |
    84 |

    ۳

    85 |

    خرداد

    86 |
    87 |
    88 |

    دزموند دیویسون

    89 |
    کتابهای زیادی در شصت و سه درصد گذشته، حال و 90 | آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت 91 | بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در 92 | زبان فارسی ایجاد کرد. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از 93 | صنعت چاپ و با استفاده از طراحان گرافیک است. 94 |
    95 |
    96 |

    97 | 99 | User Acceptance Test.doc 100 | 101 |

    102 |
    103 |
    • 104 |
  • 105 | Avatar 106 |
    107 |

    ۳۱

    108 |

    اردیبهشت

    109 |
    110 |
    111 |

    برایان مایکلز

    112 |
    در این صورت می توان امید داشت که تمام و دشواری 113 | موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز 114 | شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود 115 | طراحی اساسا مورد استفاده قرار گیرد. 116 |
    117 |
    118 |

    119 | 120 | دانلود 121 |

    122 |
    123 |
    • 124 |
  • 125 | Avatar 126 |
    127 |

    ۳

    128 |

    خرداد

    129 |
    130 |
    131 |

    دزموند دیویسون

    132 |
    کتابهای زیادی در شصت و سه درصد گذشته، حال و 133 | آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت 134 | بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در 135 | زبان فارسی ایجاد کرد. 136 |
    137 |
    138 |

    139 | 141 | User Acceptance 142 | Test.doc 143 |

    144 |
    145 |
    • 146 |
147 | 148 | 149 | 150 |
151 | 152 | 153 |
154 | 155 | 156 |
157 | 158 |
159 | 160 |
161 |

توضیحات پروژه

162 |
163 |
164 |
165 |

قالب مدیریت

166 | 167 |

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان 168 | گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و 169 | برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای 170 | کاربردی می باشد.

171 |
172 | 173 |
174 | 175 |

شرکت مشتری

176 |

شرکت مجازی

177 |

رهبر پروژه

178 |

مرتضی کریمی

179 |
180 | 181 |
182 |
فایل های پروژه
183 | 196 |
197 | 198 |
199 | افزودن فایل‌ها 200 | گزارش تماس 201 |
202 |
203 | 204 |
205 | 206 |
207 | 208 | 209 |
210 |
211 |
212 |
213 |
214 |
215 | 216 | {% endblock %} 217 | {% block scriptsFiles %} 218 | 219 | 220 | {% endblock %} 221 | {% block scripts %} 222 | {% endblock %} -------------------------------------------------------------------------------- /production/e_commerce.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | {% endblock %} 4 | {% block content %} 5 | 6 |
7 | 8 |
9 |
10 |
11 |

تجارت الکترونیک :: صفحه محصول

12 |
13 | 14 |
15 |
16 |
17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |
25 | 26 |
27 | 28 |
29 |
30 |
31 |
32 |

طراحی صفحه تجارت الکترونیک

33 | 49 |
50 |
51 |
52 | 53 |
54 |
55 | ... 56 |
57 |
58 | 59 | ... 60 | 61 | 62 | ... 63 | 64 | 65 | ... 66 | 67 | 68 | ... 69 | 70 |
71 |
72 | 73 |
74 | 75 |

بررسی کفش بوت مردانه مسافرتی

76 | 77 |

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک 78 | است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط 79 | فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای 80 | زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با 81 | نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو 82 | در زبان فارسی ایجاد کرد.

83 |
84 | 85 |
86 |

رنگ های موجود

87 |
    88 |
  • 89 |

    سبز

    90 |
    91 |
    • 92 |
  • 93 |

    آبی

    94 |
    95 |
    • 96 |
  • 97 |

    قرمز

    98 |
    99 |
    • 100 |
  • 101 |

    نارنجی

    102 |
    103 |
    • 104 | 105 |
106 |
107 |
108 | 109 |
110 |

اندازه 111 | لطفا یکی را انتخاب نمایید 112 |

113 |
    114 |
  • 115 | 116 |
    • 117 |
  • 118 | 119 |
    • 120 |
  • 121 | 122 |
    • 123 |
  • 124 | 125 |
    • 126 |
127 |
128 |
129 | 130 |
131 |
132 |

800,000 ریال

133 | به همراه مالیات: 880,000 ریال 134 |
135 |
136 |
137 | 138 |
139 | 140 | 141 |
142 | 143 |
144 |
    145 |
  • 146 |
    • 147 |
  • 148 |
    • 149 |
  • 150 |
    • 151 |
  • 152 |
    • 153 |
154 |
155 | 156 |
157 | 158 | 159 |
160 | 161 |
162 | 176 |
177 |
179 |

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

180 |
181 |
183 |

در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و 184 | شرایط 185 | سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و 186 | جوابگوی 187 | سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد. لورم 188 | ایپسوم 189 | متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک 190 | است.

191 |
192 |
194 |

چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای 195 | شرایط 196 | فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می 197 | باشد. 198 | در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و 199 | شرایط 200 | سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و 201 | جوابگوی 202 | سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.

203 |
204 |
205 |
206 | 207 |
208 |
209 |
210 |
211 |
212 |
213 |
214 | 215 | {% endblock %} 216 | {% block scriptsFiles %} 217 | {% endblock %} 218 | {% block scripts %} 219 | {% endblock %} -------------------------------------------------------------------------------- /production/invoice.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | {% endblock %} 4 | {% block content %} 5 | 6 |
7 |
8 |
9 |
10 |

صورت‌حساب 11 | تعدادی مثال برای شروع کار 12 |

13 |
14 | 15 |
16 |
17 |
18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
26 | 27 |
28 | 29 |
30 |
31 |
32 |
33 |

طراحی صورت‌حساب 34 | طراحی ساده صورت‌حساب کاربر 35 |

36 | 52 |
53 |
54 |
55 | 56 |
57 | 58 |
59 |
60 |

61 | صورت‌حساب. 62 | تاریخ:1396/08/16 63 |

64 |
65 | 66 |
67 | 68 |
69 |
70 | از طرف 71 |
72 | شرکت مدیریتی لورم. 73 |
خیابان آزادی 74 |
مشهد, پلاک 94107 75 |
تلفن: 09216351266 76 |
ایمیل: me@morteza-karimi.ir 77 |
78 |
79 | 80 |
81 | به 82 |
83 | مرتضی کریمی 84 |
خیابان آزادی 85 |
مشهد, پلاک 94107 86 |
تلفن: 09216351266 87 |
ایمیل: me@morteza-karimi.ir 88 |
89 |
90 | 91 |
92 | صورت‌حساب #007612 93 |
94 |
95 | شناسه سفارش: 4F3S8J 96 |
97 | پرداخت هزینه: 1396/09/12 98 |
99 | حساب: 968-34567 100 |
101 | 102 |
103 | 104 | 105 | 106 |
107 |
108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 157 | 158 | 159 | 160 |
تعدادمحصولسریال #توضیحاتقیمت واحد
1ندای وظیفه455-981-221کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و 124 | متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه 125 | ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. 126 | ۱۰۰,۰۰۰ ریال
1جنون سرعت IV247-925-726لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده 134 | از طراحان گرافیک است. 135 | ۱۴۰,۰۰۰ ریال
1DVD هیولاها735-845-642چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و 143 | برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود 144 | ابزارهای کاربردی می باشد. 145 | ۱۶۰,۰۰۰ ریال
1بلوری رشد کرده422-568-642در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و 153 | شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای 154 | اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده 155 | قرار گیرد. 156 | ۱۸۰,۰۰۰ ریال
161 |
162 | 163 |
164 | 165 | 166 |
167 | 168 |
169 |

روش‌های پرداخت:

170 | Visa 171 | Mastercard 172 | American Express 173 | Paypal 174 |

لورم ایپسوم 175 | متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک 176 | است.

177 |
178 | 179 |
180 |

پرداخت شده در 1396/09/12

181 |
182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 |
مجموع:۵۸۰,۰۰۰ ریال
مالیات (9.3%)53,940 ریال
هزینه ارسال:۱۰۰,۰۰۰ ریال
قابل پرداخت:733,940 ریال
202 |
203 |
204 | 205 |
206 | 207 | 208 | 209 |
210 |
211 | 214 | 217 | 220 |
221 |
222 |
223 |
224 |
225 |
226 |
227 |
228 |
229 | 230 | {% endblock %} 231 | {% block scriptsFiles %} 232 | {% endblock %} 233 | {% block scripts %} 234 | {% endblock %} -------------------------------------------------------------------------------- /production/media_gallery.html: -------------------------------------------------------------------------------- 1 | {% extends "layout.html" %} 2 | {% block styleFiles %} 3 | {% endblock %} 4 | {% block content %} 5 | 6 |
7 |
8 |
9 |
10 |

گالری چند رسانه‌ای 11 | طراحی گالری 12 |

13 |
14 | 15 |
16 |
17 |
18 | 19 | 20 | 21 | 22 |
23 |
24 |
25 |
26 | 27 |
28 | 29 |
30 |
31 |
32 |
33 |

گالری چند رسانه‌ای 34 | طراحی گالری 35 |

36 | 52 |
53 |
54 |
55 | 56 |
57 | 58 |

عناصر طراحی گالری رسانه

59 | 60 |
61 |
62 |
63 | image 64 |
65 |

متن شما

66 |
67 | 68 | 69 | 70 |
71 |
72 |
73 |
74 |

بارش برف و یخ برای جنوب

75 |
76 |
77 |
78 |
79 |
80 |
81 | image 82 |
83 |

متن شما

84 |
85 | 86 | 87 | 88 |
89 |
90 |
91 |
92 |

بارش برف و یخ برای جنوب

93 |
94 |
95 |
96 |
97 |
98 |
99 | image 100 |
101 |

متن شما

102 |
103 | 104 | 105 | 106 |
107 |
108 |
109 |
110 |

بارش برف و یخ برای جنوب

111 |
112 |
113 |
114 |
115 |
116 |
117 | image 118 |
119 |

متن شما

120 |
121 | 122 | 123 | 124 |
125 |
126 |
127 |
128 |

بارش برف و یخ برای جنوب

129 |
130 |
131 |
132 |
133 |
134 |
135 | image 136 |
137 |

متن شما

138 |
139 | 140 | 141 | 142 |
143 |
144 |
145 |
146 |

بارش برف و یخ برای جنوب

147 |
148 |
149 |
150 | 151 | 152 |
153 |
154 |
155 | image 156 |
157 |
158 | 159 | 160 | 161 |
162 |
163 |
164 |
165 |

نام تصویر 166 |

167 |

برف و یخ ورودی

168 |
169 |
170 |
171 |
172 |
173 |
174 | image 175 |
176 |
177 | 178 | 179 | 180 |
181 |
182 |
183 |
184 |

نام تصویر 185 |

186 |

برف و یخ ورودی

187 |
188 |
189 |
190 |
191 |
192 |
193 | image 194 |
195 |
196 | 197 | 198 | 199 |
200 |
201 |
202 |
203 |

نام تصویر 204 |

205 |

برف و یخ ورودی

206 |
207 |
208 |
209 |
210 |
211 |
212 | image 213 |
214 |
215 | 216 | 217 | 218 |
219 |
220 |
221 |
222 |

نام تصویر 223 |

224 |

برف و یخ ورودی

225 |
226 |
227 |
228 |
229 |
230 |
231 | image 232 |
233 |
234 | 235 | 236 | 237 |
238 |
239 |
240 |
241 |

نام تصویر 242 |

243 |

برف و یخ ورودی

244 |
245 |
246 |
247 |
248 |
249 |
250 |
251 |
252 |
253 |
254 | 255 | {% endblock %} 256 | 257 | {% block scriptsFiles %} 258 | {% endblock %} 259 | {% block scripts %} 260 | {% endblock %} --------------------------------------------------------------------------------