Con is admin dashboard based on Materialize framework. Template fully based on HTML5, CSS3 standards. Also you got AngularJS version for free. Is fully responsive and clean on every device and every modern browser (IE9 and newer).Responsive. Con admin dashboard looks equally good on computers and mobile devices.Customizable. If you know how to work with Gulp, you can easily change the template source code. Change the main color, sizes, fonts, menus, etc. HTML code is divided into blocks – for example you can easily change the side navigation in one place and it will builds in all html files directly. You do not have to worry about cross-browser CSS. SASS and Autoprefixer will do it for you.Material Design. Con based on clean and modern design technique.Commented code. All code commented and all pages have code samples for each item or widget.Over 2100 icons. You can use FontAwesome, Material Design, IonIcons and Weather icons packs.Free updates.
Features
- Material Design
- AngularJS and HTML5 versions
- Responsive
- Full Mobile Friendly (google verified)
- Different Layouts + Boxed
- Predefined Color Schemes from Material palette
- Materialize.css + bootstrap like classes
- Easy to Use
- RTL support
- Development Kit
- Gulp
- SASS
- Nunjucks HTML templater
- Bower
- Layers
- Chat
- Search Bar
- Icons (2100+)
- Material Design Icons
- Font Awesome
- IonIcons
- Weather Icons
- UI Elements
- Media
- Forms
- Pages
- eCommerce Pages
- Mailbox
- Charts
- Tables
- Maps
- <Widgets
- Stats Card
- Card with Sparkline
- Weather
- Orders
- TODO
Changelog
If you want to get previous releases Con, just email me from this form or from support system.Version 3.0.0 – 7 February 2016
!IMPORTANT:
This is major template update – most of source files moved to another places and changed inner structure.
Also most of plugins removed and used as Bower packages.
- added promo page index.html
- added Bower support
- added Boxed layout
- added user information in sidebar
- added Media dropdown to navbar
- added badges support for navbar items
- added Nestable plugin support
- added jsTree plugin support
- added Squire text editor plugin
- added ui-chips page
- added new base forms elements
- added page-blank-full.html page with all available plugins added
- changed grid system paddings
- changed size of navbar
- changed page breadcrumbs padding
- updated Materialize.css to 0.97.5 version
- updated AngularJS Materialize library
- fixed sidebar icons jumping when hide to small
- fixed Select2 responsive issue
- fixed select in DataTables
- fixed card minimize collision when click several times
- fixed weather widget error message
- removed IE classes from <html>
- removed NEW from badge new (now you should add it manually)
Version 2.3.2 – 5 August 2015
FIXED:
- RTL small issues
- cards overflow
Version 2.3.1 – 5 August 2015
FIXED:
- angularjs js error
- js syntax error
- logo on sign-up and sign-in pages
- caret in select file input
UPDATED:
- form file input markup
Version 2.3.0 – 29 Jule 2015
UPDATED:
- Updated Materialize.css to 0.97.0 version
NEW PAGES:
- css-helpers.html
- ui-pagination.html
- media-hover-effects.html
- media-material-box.html
- media-parallax.html
- media-slider.html
- media-scroll-effects.html
- media-gallery.html
- media-player.html
- ecommerce-pricing-tables.html
ADDED:
- Helper classes
- Hover effects
- Right aligned textareas
- Scroll effects
- Pricing tables
- Photo swipe gallery
- Parallax backgrounds
- Some new card types
- Video player
FIXED:
- Yaybar Push on mobile
- Demo Bar
- Sortable script when some cards inside the same .col
Version 2.0.2 – 6 June 2015
FIXED:
- Alerts close button inside Cards
CHANGED:
- Extended Documentation – added some tips for AngularJS
Version 2.0.1 – 13 May 2015
ADDED:
- Preload spinner in AngularJS
FIXED:
- Border color in blockquotes
Version 2.0 – 11 May 2015
ADDED:
- AngularJS version
CHANGES:
- Improved layers performance (search bar and chat animation)
- Updated Material Design Icons
- Updated Materialize.css
FIXED:
- FullCalendar fix height on mobile devices
- Minor fixes
Version 1.6 – 16 April 2015
ADDED:
- RTL support
- Date Picker (regular)
- Clock Picker (Time Picker)
- Color Picker
UPDATED:
- Documentation
- full Mobile Friendly (google verified)
FIXED:
- Sidebar gestures enabled
- Minor fixes
Version 1.5 – 7 April 2015
ADDED:
- Calendar
- DataTables
- Added background effect for pages:
- page-forgot-password.html
- page-lock.html
- page-sign-in.html
- page-sign-up.html
UPDATED:
- Documentation (More information)
- Some styles
Version 1.4 – 3 April 2015
ADDED:
- Timeline
- Google Maps
- Vector Maps
- Advanced Form Elements
- Select2
- Tags Input
- DropZone
- Masked Inputs
- Forms Validation (ParsleyJS)
- Form Ratings
- 2 new widgets on dashboard (Map and Live graph)
Version 1.3 – 26 March 2015
ADDED:
- eCommerce pages:
- dashboard
- invoice
- products
- product single
- orders
- order single
- customers
- settings
- Image Card
- Flag Icons
CHANGED:
- DropDown z-index (in top navbar bug)
- bootstrap table vertical align (now middle)
- cards title padding
Version 1.2 – 22 March 2015
ADDED:
- New dashboard
- Layouts
- Light Chat theme (see documentation)
- Sidebar parameters (see documentation)
- Navbar parameters (see documentation)
- Color schemes
- MarkItUp editor – http://markitup.jaysalvat.com/
- Flot Charts – http://www.flotcharts.org/
- Rickshaw Charts – http://code.shutterstock.com/rickshaw/
- Widgets with progress bars (top, bottom, background)
- Floating demo block for customizations
- layouts.html
- forms-editors.html
UPDATED:
- New progress bars sizes (tiny, extra)
- TODO widget with delete icon and add new task input
- Hide sidebar on small screens
- Documentation
FIXED:
- Send message function in Chat
- Error message in weather widget
Version 1.1 – 15 March 2015
ADDED:
- find by icons
- ionicons – http://ionicons.com/
- sparklines – http://omnipotent.net/jquery.sparkline/#s-about
- Buttons: 4 sizes (btn-small, btn, btn-large, btn-extra)
- Buttons type with rounded corners (btn-rounded)
- Buttons groups (bootstrap like)
- Buttons + dropdown
- Alerts with borders (alert-border-left, alert-border-top…)
- blank.html
CHANGED:
- More card usage (all pages restyle)
- Chat show / hide animation (in material style)
- Chat send message with animation
- Chat on full height
- Search fully changed
- Search show / hide animation (in material style)
- Sidebar changed to YAY bar (no compatibility with 1.0 version) http://codecanyon.net/</item/yay-advanced-sidebar-for-bootstrap/10702487
- Sidebar toggle hamburger improved (with animations)</item>
- Decreased blur on cards shadow
- Sortable now without animation
- Sortable drag element with dotter border
- Minor improvements
Version 1.0 – 6 March 2015
- Initial release
Credits
- Materialize – http://materializecss.com/
- jQuery – http://jquery.com/
- AngularJS – https://angularjs.org/
- nanoScroller – http://jamesflorentino.github.io/nanoScrollerJS/
- SimpleWeather – http://simpleweatherjs.com/
- DataTables – http://www.datatables.net/
- FullCalendar – http://fullcalendar.io/
- YAY bar – http://codecanyon.net/item/yay-advanced-sidebar-for-bootstrap/10702487
- Google Code Prettify – https://code.google.com/p/google-code-prettify/
- HTML5shiv – https://github.com/aFarkas/html5shiv
- Icons:
- FontAwesome – http://fontawesome.io
- ionicons – http://ionicons.com/
- WeatherIcons – http://erikflowers.github.io/weather-icons/
- Flag Icons – http://www.famfamfam.com/lab/icons/flags/
- Charts:
- NVD3 – http://nvd3.org
- Flot Charts – http://www.flotcharts.org/
- Rickshaw Charts – http://code.shutterstock.com/rickshaw/
- Sparkline – http://omnipotent.net/jquery.sparkline/
- Editors:
- CKEditor – http://ckeditor.com/
- MarkItUp – http://markitup.jaysalvat.com/
- Advanced Form Elements:
- Pikaday – https://github.com/dbushell/Pikaday
- Clockpicker – http://weareoutman.github.io/clockpicker/
- Spectrum – https://bgrins.github.io/spectrum/
- Select2 – https://select2.github.io/
- Tags Input – https://github.com/xoxco/jQuery-Tags-Input
- DropzoneJS – http://www.dropzonejs.com/
- jQuery.inputmask – http://robinherbots.github.io/jquery.inputmask
- Parsley – http://parsleyjs.org/
- Maps:
- gmaps – http://hpneo.github.com/gmaps/
- jVectorMap – http://jvectormap.com/
- Images from Pixabay – http://pixabay.com/