Start Aero
Aero, a next generation modern and clean Bootstrap 4x dashboard and admin template using flat, modern and minimal design. It is fully responsive built using SASS preprocessor, HTML5, CSS3 and jQuery plugins.
It can be used for most type of dashboard and app templates like Analytics, CRM, Backend Websites, CMS, build Blog, Business website and time line as well as desktop or mobile applications. Amazing flexibility and reusability
- Successfully tested on GTmetrix and Google page speed insight
- Two easy to customize Light & Dark Version colors schemes with 6 different accent colors.
- Layout options to easily make the sidebar, Mini sidebar, Mini Rightbar with collapse
- Over 100 components that can be merged together to create new unique elements and flows.
- User pages for login, register, locked screen, page offline, forgot password, each with to variations
- Applications examples: Inbox, Chat App, Contact, Blog, Ticket, Calendar, File Manager
- 3 icons packs: Material Icons, Themify Icons, Weather Icons.
- ... & many other useful features and ready to used widgets!
Main Features
- Bootstrap
- Latest jQuery v3.3.1
- Built in SCSS
- Summernote
- CKEditor
- Markdown
- Morris Charts
- Flot Charts
- ChartJS Charts
- Knob Charts
- C3 Chart
- Jquery Datatable
- Editable Tables
- Responsive Tables
- Form Examples
- Form Validation
- Advanced Form Elements
- Form Wizard
- Color Pickers
- Masked Text Inputs
- Multi Select
- Tags Input
- Input Slider
- Date Picker
- Drag & Drop Upload
- Sortable & Nestable
- Treeview
- Progress Bars
- Range Sliders
- Sweet Alert Dialog
Main Template
The template consist of following components as show in image below:
- User Profile avatar
- Main Menu
- Main Search
- Hide Right Sidebar
- Main Usefull shortcuts links and Messages, Notifications
Main HTML Structre
Grunt Installation
Installing Grunt: Run npm install grunt --save-dev
command from your teminal to install grunt within your project.
Grunt Sass: Run grunt sass
command from your project directory. It will compile SASS to CSS for the project. This will read the file `assets/scss/filename.scss` and output a plain-css file to `/assets/css/filename.css`.
Grunt JSHint: Run grunt jshint
command from your project directory. It will checks all *.js files under `assetsjs/filename` for common syntax or coding errors using the JSHint utility.
Grunt Sprite: Run grunt sprite
command from your project directory.
Further help: To get more help on the grunt checkout Grunt
Note: However, any SASS code you write must be able compile via Grunt as well.It will generate pre-compiled javascript templates. Reads all the *.html files from `assets/js/filename` and outputs `assets/js/filename.templates.js`. Template.js will contains code of UI design and will be change each time you build solution through above command.
Grunt File The JavaScript Task Runner.
Grunt is a JavaScript task runner, a tool used to automatically perform frequent tasks such as minification, compilation, unit testing, and linting. It uses a command-line interface to run custom tasks defined in a file.
Main Content
<!-- START CONTENT --> <section id="main-content" class=" "> <section class="wrapper"> <div class='col-lg-12 col-md-12 col-sm-12 '> <div class="page-title"> ... </div> </div> <div class="clearfix"></div> <div class="col-lg-12"> <section class="box "> ... </section> </div> </section> </section> <!-- END CONTENT -->
Folder Structure
HTML/ ├── assets/ │ ├── bundles/ │ ├── css/ │ ├── fonts/ │ ├── images/ │ ├── js/ │ ├── ├── Page/ │ ├── plugins/ │ ├── sass/
CSS Structure
Please note that all Detail main Web Site, you need to set it up on your project Click Here..
main.css is the main CSS file located in assets/css/ folder of the package. Whole CSS file is well indexed with topic and its related code.
Javascript
Aero admin.js is the mail javascript file having all the js code. File is located in assets/js/ folder. This file code is also well formatted and section in different respective function names.
Along with this chart library based js code and dashboard based js code are added in separate files for ease of use of user.
Credit
- Bootstrap
- Google fonts
- Jquery
- Material Design Iconic Font
- Sweet-Alert
- Nestable
- Full Calendar
- Form Validator
- Bootstrap-timepicker
- Bootstrap Colorpicker
- Multi-select
- Datatables
- Morris
- Chartjs
- Sparkline
- Vector Maps
- Pexels (images)
- Flot-charts
- Bootstrap select
- Wysiwig Editor
- Bootstrap tables
- Chartist chart
Thank you!
- Created: 18-Dec-2018
- latest update: 12-Nov-2024
Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email at wraptheme@gmail.com
If you really like our work, design, performance and support then please don't forgot to rate us on Themeforest,
it really motivate us to provide something better.
Updates
Version 2.0.0 – 12 Nov 2024
-- Add ReactJs + Bootstrap version
-- Add VueJs + Bootstrap version
Version 1.9.0 – 15 Oct 2024
-- Update Laravel version 11
Version 1.8.0 – 25 Nov 2021
-- Add New Bootstrap 5 full version separate
Version 1.7.0 – 23 March 2021
-- Add Angular 11 Full version
Version 1.6.0 – 16 March 2021
-- Right icon menu view in tablat and mobile (HTML version)
Version 1.5.0 – 26 Nov 2019
-- Big Update
-- Add Laravel Version full
-- Add Angular 8 Starter kit ( Coming soon full version of Angular 8 )
Version 1.4.0 – 18 June 2019
-- Update Bootstrap version 4.3.1
Version 1.3.0 – 20 May 2019
-- Added eCharts library
Version 1.2.0 – 23 Feb 2019
-- Added RTL Full Support
Version 1.1.0 – 13 Feb 2019
-- Replaced form submit behaviour from jQuery to default
Version 1.0.0 – 25 Jan 2019
-- Initial Release