Dee Admin Template v.1.2.

Dee Admin Template is a Fully Responsive

template for Admin and Dashboard Web projects

How to use the Grunt Seed Project?

1. Open bower.json and change name, version, description...
2. Execute: bower install in the root directory
3. Execute: npm install in the root directory
4. Execute: grunt live for real-time development
Execute: grunt dist to get a distribution copy of the project

Features

Main Technologies & Libraries

 HTML5
 CSS3
 Bootstrap 3.x
 AngularJS
 SASS for dynamic CSS coding
 jQuery 2.x
 jQuery UI 1.x
 Font Awesome 4.x
 Grunt for project management
 Bower form library management

Main features

 Seeded projects
 Crossbrowser support
 Fullscreen toggle
 Well Documented code
 Well Structured code
 Well Commented code
 Fully Responsive

Layouts

 Fully Responsive layout

 Boxed view
 Fixed navigation view
 Fixed footer view
 Sibedar collapsed view
 9+ Layout options

Theme and colors

 All components are integrated with Theme Colors

Page 1
 Dee Admin Template v.1.2.0

 14 Theme colors
 3 Sidebar colors
 42 color options

Components

 Dashboard
 App pages
 Login page
 Register page
 Error pages
 Recover password
 Extra pages
 FAQ
 Invoice
 Profile
 TODO List page
 Multiple timeline designs
 Activity feed
 Search results
 UI Elements
 Components
 Buttons
 Panels
 Panel grid
 Tabs & Accordions
 Spinners
 Tooltips & Popovers
 Checkbox & Radio Buttons
 Switches
 Modal dialogs
 Alert dialogs
 Page messages
 Mailbox with compose and view
 Calendar
 Typography
 Forms
 Basic forms
 Form layouts
 Advanced form controls
 Text editor
 Wizard
 Validation
 Drop zone file upload
 Clock picker
 Time picker
 Colors
 Widgets
 Charts
 Sparkline
 Flot
 Peity
 Chart.js
 Tables
 Basic tables
 Datatable
 Grids

Page 2
 Dee Admin Template v.1.2.0

 CSS3 Animations
 Coming Soon Page
 Pricing tables

Credits / Thanks
Animations

 Animate.css - A cross-browser library of CSS animations

https://daneden.github.io/animate.css/

Base

 Bootstrap - The most popular HTML, CSS, and JS framework for developing
responsive webs.
http://getbootstrap.com
 jQuery - Fast, small, and feature-rich JavaScript library.
http://jquery.com
 jQuery UI - Set of user interface interactions, effects, widgets, and themes built on
top of the jQuery JavaScript Library.
https://jqueryui.com
 lodash - A JavaScript utility library delivering consistency, modularity, performance,
& extras.
https://lodash.com/
 AngularJS - Superheroic JavaScript MVW Framework
https://angularjs.org/
 AngularJS - Superheroic JavaScript MVW Framework
https://angularjs.org/
 Ui-router - The de-facto solution to flexible routing with nested views in AngularJS
https://github.com/angular-ui/ui-router

Charts

 Peity - Simple jQuery plugin that converts an element's content into a simple <svg>
mini pie, donut, line or bar chart
http://benpickles.github.io/peity/
 Chart.js - Simple, clean and engaging charts for designers and developers
thttp://www.chartjs.org/
 Sparkline - jQuery plugin generates sparklines
http://omnipotent.net/jquery.sparkline
 Flot - Attractive JavaScript plotting for jQuery
http://www.flotcharts.org

Demo

 Holder.js - Renders image placeholders entirely in browser

http://imsky.github.io/holder/

Fonts

 Font Awesome - The iconic font and CSS toolkit

http://fortawesome.github.io/Font-Awesome/

Page 3
 Dee Admin Template v.1.2.0

Forms

 DropzoneJS - Plugin that provides drag'n'drop file uploads with image previews
http://www.dropzonejs.com/
 Summernote - Super Simple WYSIWYG Editor on Bootstrap
http://summernote.org
 chosen - Plugin that makes long, unwieldy select boxes much more user-friendly
http://harvesthq.github.io/chosen/
 Bootstrap Tags Input - jQuery plugin providing a Twitter Bootstrap user interface for
managing tags.
https://github.com/timschlechter/bootstrap-tagsinput
 Bootstrap MaxLength - - Uses badges to display the maximum length of the field
where the user is inserting text.
https://github.com/mimo84/bootstrap-maxlength/
 jQuery Knob - Nice, downward compatible, touchable, jQuery dial
https://github.com/aterrien/jQuery-Knob
 bootstrap-datepicker - A datepicker for @twitter bootstrap forked from Stefan
Petre's
https://github.com/eternicode/bootstrap-datepicker
 ClockPicker - A clock-style timepicker for Bootstrap
http://weareoutman.github.io/clockpicker/
 jQuery MiniColors - Color selector
http://labs.abeautifulsite.net/jquery-minicolors/
 Ion.RangeSlider - Easy, flexible and responsive range slider with skin support
http://ionden.com/a/plugins/ion.rangeSlider/en.html
 Bootstrap-select - A custom select for @twitter bootstrap using button dropdown.
http://silviomoreto.github.io/bootstrap-select/
 Bootstrap TouchSpin - Input spinner component for Bootstrap 3
http://www.virtuosoft.eu/code/bootstrap-touchspin/
 Masked Input - Masked input plugin for the jQuery javascript library
https://github.com/digitalBush/jquery.maskedinput
 X-Editable - In-place editing with Twitter Bootstrap.
http://vitalets.github.io/x-editable

Images

 cropper - A simple jQuery image cropping plugin.

https://github.com/fengyuanchen/cropper

Messages

 toastr - Javascript library for non-blocking notifications

https://github.com/CodeSeven/toastr
 Sweet Alert - A beautiful replacement for JavaScript's "Alert"
http://t4t5.github.io/sweetalert/

Full feature plugins

 FullCalendar - Plugin that provides a full-sized, drag & drop event calendar.
http://fullcalendar.io

Project management

 Bower - A package manager for the web

http://bower.io/
 GruntJs - The JavaScript Task Runner
http://gruntjs.com

Page 4
 Dee Admin Template v.1.2.0

Tables

 DataTables - Table plug-in for jQuery

https://www.datatables.net/
 DataTables Plugins - Datatables plug-ins of various types
https://datatables.net/plug-ins/
 DataTables ColVis - Dynamically change the visibility of the columns in the table
https://datatables.net/extensions/colvis/
 DataTables ColReorder - Drag column headers to reorder a table as they see fit
https://www.datatables.net/extensions/colreorder/
 DataTables Responsive - Optimising the table's layout for different screen sizes
https://datatables.net/extensions/responsive/

User interaction

 metisMenu - A jQuery menu plugin

https://github.com/onokumus/metisMenu
 Pace - Automatic Page Load Progress Bar
http://github.hubspot.com/pace/docs/welcome/
 slimScroll - Plugin that transforms any div into a scrollable area with a nice scrollbar
http://rocha.la/jQuery-slimScroll
 gridstack.js - Drag-and-drop multi-column grid
http://troolee.github.io/gridstack.js/

Page 5